我们正在为客户项目使用光滑的滑块,它到目前为止一直运行良好,但是我注意到了一些东西,我不知道这是一个错误还是我遗漏的东西。
这是我下面滑块的配置代码:
$('.alt-options-slider').slick({
slidesToShow: 1,
accessibility: true,
centerMode: true,
touchMove: true,
slidesToScroll: 1,
infinite: false,
mobileFirst: true,
centerPadding: '25px 30px',
edgeFriction: 0.30,
accessibility: true,
arrows: false,
prevArrow: $('.prev'),
nextArrow: $('.next'),
settings: "unslick",
responsive: [{
breakpoint: 767,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
centerMode: false,
centerPadding: '0px',
}
}, {
breakpoint: 992,
settings: {
slidesToShow: 5,
slidesToScroll: 1,
settings: "unslick",
centerMode: false,
centerPadding: '0px',
}
},
]
});
这只发生在移动设备上,但当滑块进入屏幕时,它会像这样堆叠
然后在我向下滚动以显示整个滑块之后,它有点意识到它不正确并且跳回原位应该看起来像这样