首页 > 解决方案 > 光滑的滑块在断点后打破自动播放顺序中断

问题描述

我有一个光滑的滑块问题,当我刷新页面时,光滑的滑块工作正常,但是如果我将它调整到断点,它开始闪烁并且幻灯片的顺序都搞砸了。当我设置 autoplaySpeed: 0 并且如果 autoplaySpeed 和 speed 不同步时会发生这种情况。我需要它毫不拖延地工作。这是我的代码和断点。我试图禁用 centerMode 和所有其他东西,但没有任何效果

$(".review-section__reviews").slick({


dots: false,
  infinite: true,
  slidesToShow: 6,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 0,
  speed: 7000,
  arrows: false,
  pauseOnHover: false,
  pauseOnFocus: false,
  dragable: false,
  accessibility: false,
  cssEase: "linear",
  touchMove: false,
  cenetrMode: true,
  swipe: false,
  responsive: [
    {
      breakpoint: 1500,
      settings: {
        slidesToShow: 5,
      },
    },
    {
      breakpoint: 1330,
      settings: {
        slidesToShow: 4,
      },
    },
    {
      breakpoint: 1100,
      settings: {
        slidesToShow: 3,
      },
    },
    {
      breakpoint: 850,
      settings: {
        slidesToShow: 2,
      },
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        initialSlide: 0,
        autoplay: false,
        dots: true,
        speed: 500,
      },
    },
  ],
}); 

标签: jqueryslick.js

解决方案


推荐阅读