Javascript 响应当前显示部分的网页元素

我将我的网页分成几个部分（比如section1、section2等），这样我就可以使用相应的href=“#section1”、href=“#section2”等从主菜单访问它们

这个菜单实际上是一个“浮动菜单”，这意味着它总是显示在顶部，即使你在页面上向下滚动。我想让菜单的按钮对每时每刻显示的部分做出响应。例如，如果我正在查看“section2”，我希望“section2”按钮以不同的方式着色，或者使用粗体字母

我觉得这并不是很难，但在我看来很难找到它。 有线索吗

提前谢谢

如果您使用的是引导库

它内置提供了选择按钮的选项

如果您使用了纯HTML，那么您可以使用Javascript或JQuery库来选择不同CSS的按钮

按钮API可用于选择按钮并更改相同的CSS

---

此功能通常称为“Scrollspy”。有一个插件，有多个做这项工作也。如果你想DIY它，你需要观察文档的scrollTop值并检查它是否超过了我们每个部分的顶部。