Slick Slider js 没有与 scrollSpy 重新居中

Question

因此，我使用 Slick Slider 创建了一个水平移动菜单导航，还添加了一个滚动间谍，以便在滚动传递的类别时向 li 添加活动 class。 到目前为止它看起来很棒。这里是 link，让你的浏览器成为移动尺寸（因为它只在小屏幕上可见） 然后访问 http://www.2017.jukeboxburgers.com/menu 点击“探索美食...”按钮，然后滑动。

当您在导航中单击时效果很好，li 会居中，但是现在如果您再向下滚动一些直到通过几个类别，然后再次单击 "explore the food" 按钮，当前类别你也滚动了不居中。

有这样的事件监听器吗？或者让它重新计算 li.active 并将其居中的方法？？

Answer 1

所以能够让它发挥作用！

所以我的 scrollSpy 在我通过的 li 上放置了一个 class of .active。 Slick Slider 本来不适合他们，但现在可以使用了。这是我的做法：

var current_index = $(".mobile_food_slider .active").attr("data-slick-index"); $(".mobile_food_slider").slick("slickGoTo", current_index);