如何检查元素是否滚动

How to check if element is scrolled?

本文关键字：元素 是否 滚动 检查 何检查      更新时间：2023-09-26

我有一个div，它表示页面上的navbar。之前是其他元素，如标志，横幅等。。。我只想在navbar向下滚动时做粘性，也就是说，当我向下滚动并将其留在后面时，我需要向它添加类。我该如何抓住这一时刻？

应该有这样的东西：

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

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

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