javascript - 滚动后修复导航栏

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');
    }
});