javascript - 活动导航锚链接

Question

我已经在这里和通过谷歌进行了搜索，我已经尝试了他们给我的所有代码，但没有一个成功。我完全不知道为什么它们不起作用。基本上，当您滚动页面并到达锚链接“关于”时，我希望突出显示“关于”，直到您到达“事件”等。

<div id="menu-wrapper">
    <div id="menu">
            <ul>
            <li class="logo"><a href="#home"><img src="/images/ccky_logo.png" height="60"/></a></li>
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#events">Events</a></li>
            <li><a href="#team">Team</a></li>
            <li><a href="#location">Location</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </div>
    <!-- end #menu -->
</div>

谢谢！

Answer 1

可以使用 bootstrap 的 Scrollspy 来实现这个效果：http: //twitter.github.io/bootstrap/javascript.html#scrollspy

实现 JavaScript 插件后，只需使用$('#menu').scrollspy().

在您的 HTML 中，只需添加引导程序指示您使用的数据参数即可。