jquery - “活动”导航项取决于特定部分

Question

我正在使用插件 Scrollify 进行登陆，一切都很好，但我无法解决一个问题。我有 8 个部分，其中有一个不同的“数据部分名称”属性。我也有导航，它看起来像带有“活动”类的圆圈。我写了函数，所以现在当我点击任何圆圈时，它会变为“活动”并滚动到某个部分。但是当我使用鼠标滚动时，圆圈的“活动”不会改变。我应该怎么办？如何识别部分并“激活”某些圈子？

Answer 1

您可以使用$.scrollify.current()方法 onbefore()或after()您的scrollify()属性获取活动部分的数据。通过匹配您的数据，您可以将活动类添加到导航中。

找到下面的提琴手供您参考。

在这里，我使用左侧的固定导航来指示滚动导航（不捕获点击事件）。希望能帮助到你。