鼠标悬停在slick.js滑动时不要立即停止

Question

当我设置speed: 1000时，pauseOnHover工作正常，但只要我将其设置为speed: 10000，pauseOnHover就无法立即生效 - 几秒后它就可以正常工作

代码：

$('#featured_credits').slick({
      infinite: true,
      arrows: true,
      slidesToShow: 4,
      slidesToScroll: 4,
      autoplay: true,
      autoplaySpeed: 0,
      speed: 1000,
      cssEase: 'linear',
      pauseOnHover: true,
      pauseOnFocus: true,
      focusOnSelect: true,
      accessibility: false,
      mobileFirst: true
});

Fiddle

Answer 1

是的，@ Rohit是正确的，实际上，我认为它是在您输入速度后停止滑动，当我将速度更改为speed: 500和slidesToScroll: 0.5时会更好，所以它停在了0.5毫秒，滚动一半滑动到0.5毫秒，Recording HTTPS Traffic with JMeter's Proxy Server

注意：这是我遇到此问题时的临时解决方案。

Answer 2

这里发生的是..当您将鼠标悬停在幻灯片上时，当前帧中的中间幻灯片到达最左侧（当幻灯片从右向左移动时），然后停止。它与设置速度和slidesToScroll无关。感觉像与speed:500和slideToScroll: 0.5一起使用是因为在您悬停并感觉幻灯片已暂停时以这种速度运行时，发生了上述情况（当前帧中的幻灯片到达最左端） ）。