如何在垂直模式下运行滑块| Glider.js | Javascript

如何在垂直模式下运行滑块| Glider.js | Javascript,javascript,Javascript,我在我的项目中使用Glider.js,我需要在垂直模型中运行它 我试图在GitHub上搜索这个,因为有人提出了一个功能请求,但它还没有实现 请指导我如何做到这一点 下面是Glider.js的示例 这是 这里是工作演示 *{ 框大小:边框框 } html,正文{ 宽度:100%; 溢出:隐藏; } .滑翔机{ 溢出:隐藏; } .滑翔机舱{ 宽度:90%; 最大宽度:997px; 保证金:0自动; } .滑翔机滑梯{ 最小高度:150px; } 滑翔滑翔机{ 宽度:100%; } @-ms视口

我在我的项目中使用Glider.js,我需要在垂直模型中运行它

我试图在GitHub上搜索这个,因为有人提出了一个功能请求,但它还没有实现

请指导我如何做到这一点

下面是Glider.js的示例

这是

这里是工作演示

*{
框大小:边框框
}
html,正文{
宽度:100%;
溢出:隐藏;
}
.滑翔机{
溢出:隐藏;
}
.滑翔机舱{
宽度:90%;
最大宽度:997px;
保证金:0自动;
}
.滑翔机滑梯{
最小高度:150px;
}
滑翔滑翔机{
宽度:100%;
}

@-ms视口{宽度:自动!重要;}
addEventListener('load',function()){
window.\ux=newglider(document.querySelector('.Glider'){
幻灯片显示:5,//“自动”,
幻灯片滚动:1,
项目宽度:150,
真的,
scrollLock:false,
倒带:错误,
箭头:{
上一页:“.滑翔机上一页”,
下一个:“.滑翔机下一个”
}
});
});
&拉阔;
&拉阔;

一种方法是通过以下方式转换容器
div
90deg

transform: rotate(90deg);

虽然这会使设计部分变得复杂。

虽然它可以工作,但可能不适合解决方案,因为拖动和滑动在垂直模式下不起作用,但这是一个很好的技巧。