Javascript 导航栏，当到达文档中的不同点时突出显示相应链接

到目前为止，我尝试将“body”元素存储在指向$（“body”）.scrollTop（）的变量中，该变量位于一个scroll函数中，用于跟踪用户在页面中的滚动位置。如果仅使用鼠标滚轮滚动，则数字的范围通常是从0（页面顶部）到页面底部的任何值，间隔为100（每刻度）

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

每次达到一个间隔时（在节处/节之间），将删除所有当前高光，然后应用相应链接的高光

它在一定程度上起作用-导航上的四个链接“主页”、“公文包”、“联系人”和“关于”，每个链接的ID后缀为“-Nav”，除“联系人”链接外，所有链接都正确高亮显示

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

另一个问题是，我不确定如何实现某种捕捉效果。我希望用户能够阅读页面的整个部分，然后在该部分结束时，文档将流畅地滚动到下一部分的顶部

有什么想法吗

编辑：第一个问题已经解决

---

目前，我正在寻找一种方法，使各部分之间的过渡变得“自动化”和平滑。

如果我理解正确，而您现在只希望在各部分之间实现自动过渡，您应该查看：

---

注意：此插件需要加载

这看起来不错！您知道是否必须使用标记，或者我是否可以将.window类与标记一起使用？标签似乎是假定的，但我不明白为什么它不能与