Javascript JQuery-导航项更改为'；当前'；基于节，滚动

我有一个导航栏，当点击时，它会将用户带到特定的部分（通过id）。我想知道我如何操纵它，使导航项在相应的部分视图出现时变为“当前”。然而，我已经跟随了许多原创帖子，因为我已经有了一个设计，它似乎不能有效地工作。任何帮助都将不胜感激

HTML:

<nav id="primary-menu" class="dark">

                    <ul id="top-menu" class="nav navbar-nav navbar-right mu-main-nav">
                        <li class="current"><a href="#" data-scrollto="#slider" data-offset="100"><div>Home</div></a></li>
                        <li><a href="#" data-scrollto="#content" data-offset="100"><div>About</div></a></li>
                        <li><a href="#" data-scrollto="#section-services" data-offset="100"><div>Website</div></a></li>
                        <li><a href="#" data-scrollto="#mobile-app" data-offset="100"><div>Mobile App</div></a></li>
                        <li><a href="#" data-scrollto="#portfolio" data-offset="100"><div>Portfolio</div></a></li>
                        <li><a href="#" data-scrollto="#section-pricing" data-offset="100"><div>Pricing</div></a></li>
                        <li><a href="#" data-scrollto="#testimonials" data-offset="100"><div>Testimonials</div></a></li>
                        <li><a href="#" data-scrollto="#section-contact" data-offset="100"><div>Contact</div></a></li>
                            <!--<a href="#" data-scrollto="#content" data-offset="100" class="dark one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown"></i></a>-->

                    </ul>
</nav>

---

使用引导scrollspy可以帮助实现这一点

---

请参考此链接，其中有您正在寻找的示例

th JS在哪里，需要和JSFIDLE或任何测试功能为什么这个问题被否决？这是一个有趣的问题，Nav items会变成什么？可能是你自己没有尝试解决问题的重复。这不是“请为我编码”服务。

#primary-menu { 
    float: right; 
}

#header.full-header #primary-menu > ul {
   float: left;
   padding-right: 15px;
   margin-right: 15px;
   border-right: 1px solid #EEE;
}

#primary-menu ul {
     list-style: none;
     margin: 0;
}

#page-menu nav {
   position: relative;
   float: right;
}

#page-menu nav ul {
   margin-bottom: 0;
   height: 44px;
}