javascript - 滚动功能在滚动前激活

Question

所以我的页面上有这段代码

jQuery

  $(window).scroll(function(){
      if ($(this).scrollTop() > 785) {
          $('#navbar').addClass('fixed');
      } else {
          $('#navbar').removeClass('fixed');
      }
  });

CSS

.fixed {position:fixed; top:0; left:0;}

我的问题
当我加载页面时，#navbar 似乎有 .addClass('fixed');在滚动之前。如果我在加载页面后仅滚动 1px，则 .removeClass('fixed') 激活并被激活，直到我不低于 785px。

当我加载页面时，我该如何解决固定的问题？

Answer 1

为什么不在加载时删除它？

$(function() {  $('#navbar').removeClass('fixed');  }); // this should remove it on load
$(window).scroll(function() {
    if ($(this).scrollTop() > 785) {
        $('#navbar').addClass('fixed');
    } else {
        $('#navbar').removeClass('fixed');
    }
});