滚动后修复导航栏

Question

我正在尝试在滚动 x 点后修复导航栏，但它不起作用，谁能帮助我？ （我是新人，请放心）

$(document).on('scroll', function (event) {
    if (document.body.scrollTop > 550 || document.documentElement.scrollTop > 550) {      
      $('.nav_bar').addClass('navbar-fixed');
    }
  else {
      $('.nav_bar').removeClass('navbar-fixed');
    }
  }
});

Answer 1

试试这个：

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

Answer 2

因为看起来你对 jQuery 很满意，你可以试试这样的：

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