javascript - 如何检查元素是否滚动？

Question

我有一个div代表navbar页面上的 a 。在它之前是其他元素，如徽标、横幅等......我只想navbar在它向下滚动时才做粘性，即当我向下滚动并将其留在后面时，我需要为其添加类。我怎样才能抓住这一刻？

应该有这样的东西：

jQuery(document).scroll(function(){
// if jQuery('#navbar') is already scrolled down add to it .navbar-fixed else remove        
});

Answer 1

您可以使用 获取滚动条的位置jQueryElement.scrollTop()。您可以使用 'navbar' 获取偏移量jQueryElement.offset().top。. 您可以使用它来计算用户是否滚动过导航栏：

$(document).scroll(function(){
  if( $(document).scrollTop() > $('#navbar').offset().top ) {
    $('#navbar').addClass('navbar-fixed');
  } else {
    $('#navbar').removeClass('navbar-fixed');
  }
});