Javascript 如何观察用户在网页中查看的当前部分？

当用户查看网页时，他们通过滚动导航到页面的不同部分。在中，

bs docs sidenav

列表项更改颜色以反映当前处于“活动”状态的部分（在屏幕上可见）

• 这种类型的观察有名称吗
• DOM是否有跟踪元素位置的属性
• 如果没有，是否有任何通用插件/小型库可以利用这些信息

---

事实证明，Bootstrap有一个名为的插件。可以使用查找元素位置。

我想这里也有人问过类似的问题：Hi@neallred-您链接的问题是关于跟踪鼠标位置的。我正在寻找一些资源，这些资源详细介绍了如何在网页的各个部分到达视口顶部时观察它们（这些部分有时与

我的部分

标识）。这是一个类似的问题。我现在考虑的跟踪节点的方法是注册每个“部分”，并使用getBoundingClientRect函数跟踪已注册的部分，并确定哪个部分是“活动的”。