Javascript 在滚动后固定导航条

Javascript 在滚动后固定导航条,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我正试图修复滚动条上x点后的导航条,但它不起作用,有人能帮我吗?(我是新来的,所以别紧张) 试试这个: $(window).scroll(function(){ var scroll = $(window).scrollTop(); if (scroll >= 550) { $('.nav_bar').addClass('navbar-fixed'); } else { $('.nav_bar').removeClass('navba

我正试图修复滚动条上x点后的导航条,但它不起作用,有人能帮我吗?(我是新来的,所以别紧张)

试试这个:

$(window).scroll(function(){
    var scroll = $(window).scrollTop();
    if (scroll >= 550) {
        $('.nav_bar').addClass('navbar-fixed');
    } else {
        $('.nav_bar').removeClass('navbar-fixed');
    }
});

由于您似乎对jQuery很熟悉,因此可以尝试以下方法:

 $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll > 550) {
        $('.nav_bar').addClass('navbar-fixed');
    } else {
        $('.nav_bar').removeClass('navbar-fixed');
    }
  });

你确定你正在滚动body元素吗?你可能应该解释你的答案。这是完整的答案为什么使用(窗口)>如果这对你有效,请将我的答案标记为最佳解决方案。
 $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll > 550) {
        $('.nav_bar').addClass('navbar-fixed');
    } else {
        $('.nav_bar').removeClass('navbar-fixed');
    }
  });