Html &引用；动画"；在带有引导3的导航栏中

下面是我的代码，我正在尝试重新创建这种效果：（）[当你向下滚动navigaiton栏时，它会变为一半大小，并带有一些透明度或诸如此类的内容。]有什么想法来重新制作它吗

代码：

---

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

当用户转向特定位置时，
或者在您的情况下，当他开始滚动时，您可以通过jQuery添加一个类

请查看此处以了解更多信息：

（代码取自链接中的帖子）

当你用你的代码创建一个应用程序时，它是最好的，这样其他人就可以很容易地修改你的代码并查看那里发生了什么

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