从左偏移开始的光滑滑块
从左偏移开始的光滑滑块
提问于 2021-02-09 00:43:46
我正在开发一个基于引导的模板。我需要设置一个全宽度光滑滑块，但是它的初始状态应该从内容容器的左侧开始，然后逐步向左滑动。
我试着在下面的图片上表示需要发生的事情。黑色边框代表视窗，红色边框代表内容容器。第一行是初始状态，其余2行显示滑块在单击"prev“箭头后的位置：
这个是可能的吗？如果是，怎么做？
谢谢,
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-02-09 00:58:18
哈哈，我上周也做了同样的事。我设置了slidesToShow:1和slidesToScroll:1。我也有variableWidth:false，但我不确定这是否与它有关。
下一步是在CSS中设置幻灯片的宽度，以防止它们通过调整大小来填充空间：
JS
$('.slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: false
}CSS
/*Just to make it not full width, for this example*/
.slider{
width:800px;
margin:0 auto;
}
/*Edit, forgot this important bit. This keeps the other slides visible*/
.slick-list {
overflow: visible;
}
.your_slide {
width: 280px!important;
height: 345px!important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66111416
复制相关文章
相似问题
腾讯云开发者
