Slickslider.js加载问题

时间:2016-06-21 01:31:17

标签: javascript jquery html slick.js

我们正在为客户项目使用光滑的滑块,它到目前为止一直运行良好,但是我注意到了一些东西,我不知道这是一个错误还是我遗漏的东西。

这是我下面滑块的配置代码:

$('.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',
            }
        },
    ]
});

这只发生在移动设备上,但当滑块进入屏幕时,它会像这样堆叠

enter image description here

然后在我向下滚动以显示整个滑块之后,它有点意识到它不正确并且跳回原位应该看起来像这样

enter image description here

0 个答案:

没有答案