当页面向下滚动时，导航栏链接会更改.active

Question

我的页面顶部有一个固定的导航栏。我已经有jQuery删除并添加.active类，因为单击导航栏的链接并滚动到右侧区域。我似乎无法找到的是，当页面向下滚动时，如何产生相同的效果（.active类被替换）？

Answer 1

Javascript中的滚动事件

谢天谢地，这并不难。您可以使用javascript中的scroll event来检测页面滚动的时间。

有意义地使用滚动事件

现在是棘手的部分。您需要进行某种检测以查看您所在页面的哪个部分，然后决定将类添加到哪个链接（作为一般规则，每次点击其中一个点时，您应该从中删除该类首先是链接。）

幸运的是，因为这似乎是一个垂直滚动，你应该能够做一些事情，检测你已经下去决定的页面的百分比。然后，当您针对谓词达到这些阈值时，您可以在那里执行逻辑。