向下滚动时，导航栏不会固定

Question

我尝试制作一个导航栏，当您向下滚动时，它会移至顶部，而position为fixed。但没有运气。 http://jsfiddle.net/S99FB/1/

我需要帮助。

Answer 1

也将此标题添加到标题标记css。

position: fixed;

Answer 2

请尝试从width: 100%; CSS

中删除navbar-fixed

Answer 3

当div位于window-scrolltop position less div-offset = 0的位置时，应用该类。这个类将使div的位置固定，最大值为0.当减法为负时，删除该类，使div具有正常位置。

http://jsfiddle.net/FL8gq/

var nav_bar = $('#nav_bar'),// cache this
    top = nav_bar.offset().top;

$(window).scroll(function () {
    if (($(window).scrollTop() - top) > 0 && !nav_bar.hasClass('navbar-fixed')) {
        nav_bar.addClass('navbar-fixed');
    } else if (($(window).scrollTop() - top) < 0 && nav_bar.hasClass('navbar-fixed')) {
        nav_bar.removeClass('navbar-fixed');
    }
});