我目前正在构建我的个人作品集,并且在javascript中没有很多实用知识,但经历了很多教程,我决定尝试实现我在其他地方看到的东西:可拆卸的导航。
使用此网站http://code.stephenmorley.org/javascript/detachable-navigation/作为参考我设置了创建我的分离导航;然而,出现了可怕的错误。
首先,标题将自动对齐左侧而不是返回其默认位置。
其次,虽然您还没有看到它实现,但我希望社交图标在使用动画滚动过去后显示在导航中。那段代码太复杂了,我把它废弃了。
任何指针都会非常感激。
答案 0 :(得分:2)
为什么不使用Bootstrap?它内置了这个:http://twitter.github.com/bootstrap/components.html#navbar
下载引导程序:http://twitter.github.com/bootstrap/assets/bootstrap.zip
将bootsrap Javascript和CSS添加到您的页面。
在您的HTML中,添加以下DIV:
您可以更改div以满足您的需求。
<div class="navbar navbar-fixed-top">
<li class="active">
<a href="#">Home</a>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</div>