Question

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

当加载光滑滑块时，就在您在视口中看到整个滑块之前，它没有正确加载并且在页面滑块的一半处堆叠在彼此的底部。然后整个滑块在视口中可见，它会跳回到它应该的样子，几乎就像它重新滑动了它一样。

以下是我的Slick Slider的代码

$('.css_slider').slick({
     infinite: true,
     speed: 500,
     fade: true,
     cssEase: 'linear',
     autoplay: true,
     autoplaySpeed : 8000,
     adaptiveHeight: true,
     dots: true
});

和图片看起来像链接here

我已阅读各个地方并找到此链接Github link for same issue

但它不适合我。我仍然有同样的丑陋效果。

请建议

Answer 1

你是否尝试过延迟功能直到加载dom？

$( window ).load(function() {
    $('.css_slider').slick({
     infinite: true,
     speed: 500,
     fade: true,
     cssEase: 'linear',
     autoplay: true,
     autoplaySpeed : 8000,
     adaptiveHeight: true,
     dots: true
    });
});

或者，如果那不起作用：

setTimeout(function(){
  $('.css_slider').slick({
     infinite: true,
     speed: 500,
     fade: true,
     cssEase: 'linear',
     autoplay: true,
     autoplaySpeed : 8000,
     adaptiveHeight: true,
     dots: true
    });
}, 2000)

加载时堆叠图像 - Slick

1 个答案: