解决方法
粘滞navbar：
要创建粘性导航，您需要将navbar-fixed-top类添加到导航
官方文件：
http://getbootstrap.com/components/#navbar-fixed-top
官方示例：
http://getbootstrap.com/examples/navbar-fixed-top/
一个简单的示例代码：
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
...
</div>
</nav>
与相关jsfiddle：http://jsfiddle.net/ur7t8/
调整导航栏大小：
如果您希望导航栏在您滚动页面时调整大小，您可以查看此示例：http://www.bootply.com/109943
JS
$(window).scroll(function() {
if ($(document).scrollTop() > 50) {
$('nav').addClass('shrink');
} else {
$('nav').removeClass('shrink');
}
});
CSS
nav.navbar.shrink {
min-height: 35px;
}
动画：
要在滚动时添加动画，所有您需要做的是在nav上设置转换
CSS
nav.navbar{
background-color:#ccc;
// Animation
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
我做了一个jsfiddle与完整的示例代码：http://jsfiddle.net/Filo/m7yww8oa/
