React slick 如何启用无暂停

Posted 2023-02-25

【中文标题】React slick 如何启用无暂停

【英文标题】：React slick how to enable no pause

【发布时间】：2020-01-09 14:06:24

【问题描述】：

我正在尝试不间断地创建无限幻灯片 这是我对 react-slick 滑块的设置

const settings = 
  infinite: true,
  slidesToShow: 3,
  autoplay: true,
  speed: 5000,
  autoplaySpeed: 0,
  arrows: false,
  slidesToScroll: 4,
  easing: "linear"
;

这是我能做到的最接近的，但我 仍然有轻微的停顿

我想知道这是否可以使用 react-slick 或者是否有其他库可以满足我的需求

【问题讨论】：

您要显示多少图像？ （总体）

我正在尝试显示 4 张图片

【参考方案1】：

试试这个：

const settings = 
  slidesToShow: 3,
  slidesToScroll: 1,
  infinite: true,
  autoplay: true,
  speed: 10000,
  autoplaySpeed: 0,
  cssEase: 'linear',
  arrows: false,
;

【讨论】：

谢谢，这好多了，但是在最后一张图片之后还有一点延迟，我有什么办法可以避免吗？

在我的应用程序上尝试时没有看到任何暂停。它滚动流畅。