【问题标题】:Slick Slider js not recentering with scrollSpySlick Slider js 不使用 scrollSpy 重新定位
【发布时间】:2017-11-02 07:45:06
【问题描述】:

因此,我使用 Slick Slider 创建了一个水平移动菜单导航,并添加了一个滚动 Spy 以在滚动传递的类别时将活动类添加到 li。 到目前为止,它看起来很棒。这是链接,使您的浏览器为移动大小(因为它仅在小屏幕上可见) 并访问http://www.2017.jukeboxburgers.com/menu,点击“探索美食...”按钮,然后滑动。

当您单击导航时,它运行良好,li 居中,但现在如果您向下滚动一些直到通过几个类别,然后再次单击“探索食物”按钮,您滚动的当前类别也没有居中。

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

【问题讨论】:

    标签: javascript scrollspy slick.js


    【解决方案1】:

    所以能够让它工作!

    所以我的scrollSpy 在我通过的li 上放置了一个.active 类。 Slick Slider 不会去他们那里,但现在它正在工作。我是这样做的:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-11
      • 1970-01-01
      • 2021-10-23
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多