附加到分离的导航问题答案

【问题标题】：Attached to Detached Navigation Issue附加到分离的导航问题
【发布时间】：2013-02-09 19:32:46
【问题描述】：

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

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

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

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

任何指针将不胜感激。

【问题讨论】：

标签： javascript animation navigation scroll

【解决方案1】：

为什么不直接使用 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>

【讨论】：

诚实的回答：因为我不知道如何使用它。我会检查它并尝试把它弄下来，但我从未使用过 Bootstrap 或任何其他库，除了 jQuery。我并不总是对自己有把握。谢谢！我试试看。
这很简单：包括 Bootstrap JS 和 Bootstrap CSS，然后像他们指定的那样定义你的导航。我将编辑我的帖子，以提供有关如何执行此操作的确切大纲。