如何检查元素是否滚动？

Question

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

应该是这样的：

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

Answer 1

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

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