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

Question

当用户查看网页时，他们会通过滚动浏览到网页的不同部分。在Bootstrap's documentation中，bs-docs-sidenav列表项会更改颜色以反映当前“有效”的部分（在屏幕上可见）。

• 此类观察是否有名称（或名称）？
• DOM是否具有跟踪元素位置的任何属性？
• 如果没有，是否有任何常见的插件/小型库可以利用这些信息？

Answer 1

事实证明，Bootstrap有一个名为Scrollspy的插件。 getBoundingClientRect function可用于查找元素位置。