javascript - 附加到分离的导航问题

Question

我目前正在构建我的个人作品集，在 javascript 方面没有很多实用知识，但是在阅读了很多教程之后，我决定尝试实现我在其他地方看到的东西：可拆卸导航。

使用这个网站http://code.stephenmorley.org/javascript/detachable-navigation/作为参考，我着手创建我的分离导航；但是，出现了可怕的错误。

一方面，标题将自动向左对齐，而不是返回到其默认位置。

其次，虽然你还看不到它的实现，但我希望社交图标在使用动画滚动过去后显示在导航中。那段代码太复杂了，我把它废弃了。

任何指针将不胜感激。

Answer 1

为什么不直接使用 Bootstrap？它已经内置了：http: //twitter.github.com/bootstrap/components.html#navbar

1. 下载引导程序：http: //twitter.github.com/bootstrap/assets/bootstrap.zip

2. 将 bootsrap Javascript 和 CSS 添加到您的页面。

3. 在您的 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>