【问题标题】:React slick how to enable no pauseReact slick 如何启用无暂停
【发布时间】: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 张图片

标签: reactjs react-slick


【解决方案1】:

试试这个:

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

【讨论】:

  • 谢谢,这好多了,但是在最后一张图片之后还有一点延迟,我有什么办法可以避免吗?
  • 在我的应用程序上尝试时没有看到任何暂停。它滚动流畅。
猜你喜欢
  • 1970-01-01
  • 2012-01-22
  • 2020-03-26
  • 2018-04-28
  • 1970-01-01
  • 2021-07-15
  • 2017-11-02
  • 1970-01-01
  • 2019-02-11
相关资源
最近更新 更多