javascript - Twitter Bootstrap : fix the nav bar top when user scrolls past it

Question

我正在使用 Twitter Bootstrap，但当用户滚动经过导航栏时，无法让导航栏粘在顶部。

请参阅我正在制作的主页图表。

图表:/image/OKYCA.png
代码:/image/G3gP6.png

示例:https://thomsonreuterseikon.com/ (请注意向下滚动时导航栏如何粘在页面顶部)

Answer 1

或者你可以尝试自定义

<div class="nav-collapse">nav nav nav </div>


body {
    height: 3000px;
    top: 0;
    position: relative;
}
.nav-collapse {
    position: relative;
    top: 100px;
    width: 100%;
    background: #CCC;
    height: 100px;
}


$(window).scroll(function () {
    if ($(window).scrollTop() > 100) {
        $('.nav-collapse').css('top', $(window).scrollTop());
    }
});

http://jsfiddle.net/cc48t/1350/

这是 Bootstrap 方法http://prntscr.com/1fx30g

你有类 static 并且你需要类 .navbar-fixed-top