附加到分离导航问题

时间:2013-02-09 19:32:47

标签: javascript animation navigation scroll

我目前正在构建我的个人作品集,并且在javascript中没有很多实用知识,但经历了很多教程,我决定尝试实现我在其他地方看到的东西:可拆卸的导航。

使用此网站http://code.stephenmorley.org/javascript/detachable-navigation/作为参考我设置了创建我的分离导航;然而,出现了可怕的错误。

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

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

任何指针都会非常感激。

1 个答案:

答案 0 :(得分:2)

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

  4. 您可以更改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>