"Animation"在带有引导程序 3 的导航栏中

Question

下面是我的代码，我正在尝试重新创建此效果：（ http：//hideo-html5-csss3-bootstrap-website-website-template.little-neko.com/files.com/files/index.html）[当您向下滚动Navigaiton栏时，将变为一半大小，并以某些透明度或类似的内容更改。

代码：http：//pastebin.com/r0ps4ayd

ps：我的代码没有什么特别的，我只是想要一个要点/方向。

Answer 1

当用户scol到特定位置时，或者在他开始滚动时，您可以通过jQuery添加类。

在这里查看更多信息：

滚动时将菜单栏固定在顶部

（代码是从链接中的帖子中获取的）

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

当您使用代码创建小提琴时，这是最好的，因此其他人可以轻松修改您的代码并查看那里发生的事情。