如何引导导航栏静态固定在滚动上？

我想在滚动时将静态导航栏设置为固定导航栏，当它到达页面顶部时。

有没有办法使用 bootstrap 3 css 或 javascript 来获取它？

如果我没记错的话，您想要实现的目标称为“粘性导航栏”。

只需几行 jQuery，滚动事件就很容易实现：

$(document).ready(function() {

    var menu = $('.menu');
    var content = $('.content');
    var origOffsetY = menu.offset().top;

    function scroll() {
        if ($(window).scrollTop() >= origOffsetY) {
            menu.addClass('sticky');
            content.addClass('menu-padding');
        } else {
            menu.removeClass('sticky');
            content.removeClass('menu-padding');
        }
    }

    $(document).scroll();

});

我为您做了一个快速工作示例，希望对您有所帮助：http://jsfiddle.net/yeco/4EcFf/ http://jsfiddle.net/yeco/4EcFf/

为了使其与引导程序您只需要添加或删除“navbar-fixed-top”而不是 jsfiddle 中的“sticky”类。