当到达文档中的不同点时，Nav栏突出显示适当的链接

Question

到目前为止，我尝试的是将'body‘元素存储在指向$('body').scrollTop()的变量中，这个变量指向滚动函数中的$(’body‘)，这是为了跟踪用户在页面中滚动的位置。如果使用鼠标轮滚动，数字的范围通常是从0(页面的顶部)到页面的任何底部值，间隔为100 (每勾)。

我给每个部分的标题分配了一个ID，以及导航栏中的每个链接。

每次达到一个间隔(在节/节之间)时，所有当前的突出显示都被删除，然后应用适当链接的突出显示。

它在一定程度上起作用-- Nav上的四个链接，'home'，'portfolio'，'contact‘和’约‘，每个链接的ID后缀都是'-nav’，除了'contact‘链接之外，每个链接都正确地突出显示。

目前，每个部分的高度相等，在我的HTML或js文件中没有拼写错误。“联系人”链接的高亮显示逻辑与另一个导航链接高亮显示的模式相同，但没有高亮显示。

另一个问题是，我不知道如何实现某种程度的抓取效果。我希望用户能够阅读一个页面的整个部分，然后当该部分到达结束时，文档将流畅地滚动到下一节的顶部。

有什么想法吗？

编辑:第一个问题已经解决了。

目前，我只是在寻找一种方法，使各部分之间的过渡有点“自动化”和顺利。

Answer 1

如果我对您的理解是正确的，而且您现在只想在各部分之间进行自动转换，那么您应该检查一下：

http://nick-jonas.github.io/windows/

注意事项：这个插件需要加载jQuery