与引导3的导航条“动画”(“Animation” in a navigation bar with

下面是我的代码，我试图重新这种效果：（ http://hideo-html5-css3-bootstrap-website-template.little-neko.com/files/index.html当你向下滚动导览树状图）栏变为一半大小，并与一些透明或类似的东西。任何想法来改造它？

代码： http://pastebin.com/r0pS4AYD

PS：我的代码有没有什么特别的，我只是想点/方向做出来。

Answer 1:

当用户scolls到特定位置，
或者当他开始滚动你的情况，你可以通过jQuery添加一个类。

看看这里的详细资料：

滚动时，让固定在顶部菜单栏

（代码是从后采取的链接）

$(window).bind('scroll', function() {
     if ($(window).scrollTop() > 50) {
         $('.menu').addClass('fixed');
     }
     else {
         $('.menu').removeClass('fixed');
     }
});

它是最好的，当你创建一个拨弄你的代码，所以其他人可以轻松修改代码，看看什么在那里发生的..

文章来源: “Animation” in a navigation bar with Bootstrap 3