[英]Active Navigation Anchor Links
我已经在这里和通过Google进行了搜索,我已经尝试了他们给我的所有代码,但都没有成功。 我完全不知道为什么它们不起作用。 基本上,当您滚动页面并到达锚链接“关于”时,我希望突出显示“关于”,直到到达“事件”等为止。
<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>
谢谢!
您可以使用自举的Scrollspy实现这样的效果: http://twitter.github.io/bootstrap/javascript.html#scrollspy
实现JavaScript插件后,只需使用$('#menu').scrollspy()
对其进行调用。
在HTML中,只需添加引导您使用的数据参数。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.