如何检测浏览器视口中的元素？

Question

我正在在同一页面上创建一个带有锚点的导航，当我们滚动浏览器视口中的元素对应的导航项时，会突出显示或更改颜色。这是我想要实现的示例https://www.chargebee.com/docs/mail-merge.html

我想为一个基于 WordPress 的网站做这个，我们有很多支持文章。如果您能得到一些想法和建议，将不胜感激。

Answer 1

只有在 JS 中，您才能使用 Intersection Observer 知道元素何时在视图中。