向下滚动到具有特定ID的元素时，更改<nav>中项目的跨度

Question

在我的HTML + Bootstrap网页上，有一个<nav class="navbar navbar-default navbar-fixed-top">。在导航栏中我有这个：

<li class="active"><a href="#">Home</a></li>

class="active"始终存在。但还有另一个<li>：

<li><a href="#about">About</a></li>

如果我点击<li>，页面会转到包含标记action的元素：

<h1 style="text-align: center;" id="about">About</h1>

但滚动后，“主页”<li>仍处于有效状态，“关于”<li>仍处于无效状态。
如何更改哪个<li>处于活动状态？

Answer 1

要切换课程，您需要使用一些Javascript：

handleSomeAction() {
    if (!this.props.onClick) {
        // DO SOMETHING
    }
}

希望这会有所帮助：）