如何在垂直模式下运行滑块| Glider.js | Javascript
我在我的项目中使用Glider.js,我需要在垂直模型中运行它 我试图在GitHub上搜索这个,因为有人提出了一个功能请求,但它还没有实现 请指导我如何做到这一点 下面是Glider.js的示例 这是 这里是工作演示如何在垂直模式下运行滑块| Glider.js | Javascript,javascript,Javascript,我在我的项目中使用Glider.js,我需要在垂直模型中运行它 我试图在GitHub上搜索这个,因为有人提出了一个功能请求,但它还没有实现 请指导我如何做到这一点 下面是Glider.js的示例 这是 这里是工作演示 *{ 框大小:边框框 } html,正文{ 宽度:100%; 溢出:隐藏; } .滑翔机{ 溢出:隐藏; } .滑翔机舱{ 宽度:90%; 最大宽度:997px; 保证金:0自动; } .滑翔机滑梯{ 最小高度:150px; } 滑翔滑翔机{ 宽度:100%; } @-ms视口
*{
框大小:边框框
}
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);
虽然这会使设计部分变得复杂。虽然它可以工作,但可能不适合解决方案,因为拖动和滑动在垂直模式下不起作用,但这是一个很好的技巧。