2013-02-09 36 views
0

我目前正在构建我的个人投资组合,并且在javascript中没有很多实用知识,但经历了很多教程,我决定尝试实现我在别处看到的某些内容:可拆卸的导航。附加到独立导航问题

使用本网站,http://code.stephenmorley.org/javascript/detachable-navigation/,作为我创建我的分离导航的参考;然而,事情发生了可怕的错误。

首先,标题将自动对齐到左侧而不是返回到其默认位置。其次,虽然你还没有看到它的实现,但我希望社交图标在导航中显示出来,一旦它们使用动画滚动过去。这段代码太复杂了,我放弃了它。

任何指针将不胜感激。

回答

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:

您可以更改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> 
+0

诚实的回答:因为我不知道如何使用它。我会检查出来,并试图解决它,但我从来没有使用Bootstrap或任何其他库,除了jQuery。我并不总是那么肯定自己。谢谢!我会给它一个镜头。 – Marlon 2013-02-09 19:36:50

+0

这很简单:包括Bootstrap JS和Bootstrap CSS,然后像他们指定的那样定义您的导航。我将编辑我的文章,以提供有关如何执行此操作的确切提示。 – Julio 2013-02-09 19:38:54

+0

谢谢你!今天我要探讨这个。 – Marlon 2013-02-09 19:49:13