【发布时间】：2014-10-06 13:07:48
【问题描述】：
我将我的网页分成几个部分（比如 section1、section2 等），以便我可以从主菜单访问它们，使用相应的 href="#section1", href="#section2"等。
此菜单实际上是一个“浮动菜单”，这意味着它始终显示在顶部，即使您在页面上向下滚动也是如此。我想让菜单的按钮响应每个时刻显示的部分。例如，如果我正在查看“section2”，我希望“section2”按钮以不同的方式着色，或者使用粗体字......
我猜这并不难，但在我看来真的很难找到它。 有什么线索吗？
提前致谢！
【问题讨论】：
-
这个功能通常被称为“Scrollspy”。 Bootstrap 有一个插件，并且有多个 jquery plugins 也可以完成这项工作。如果你想 DIY 它，你需要观察文档的 scrollTop 值并检查它是否超过了我们每个部分的顶部。
标签： javascript jquery html css