滑动滑块可变宽度菜单并在项目结束后单击问题

Question

即使在最后一个项目结束后，带有可变宽度项目和右侧箭头的光滑滑块也会滚动。有任何解决这个问题的方法吗？

fiddle链接：https://jsfiddle.net/abhiklpm/60hy4j3z/（连续点击右箭头可以看到问题）。

$('.variable-width').slick({
    arrows: false,
    dots: false,
    infinite: false,
    speed: 300,
    slidesToShow: 1,
    slidesToScroll: 1,
    centerMode: false,
    variableWidth: true
  }); 

如果可能的话，如果项目数小于宽度，我想隐藏右箭头。

Answer 1

我遇到了同样的问题，但使用了 react-slicк。那里的问题是除了第一张幻灯片之外的所有其他幻灯片都设置为样式（指针事件：无）那是因为你设置了 slidesToShow：1。

解决方案： 覆盖关闭指针事件的样式。在 react-slick 的情况下，我是这样做的

:global .slick-slide:not(.slick-active) {
    pointer-events: all !important;
}