在100vh（溢出）div中滚动时添加/删除类

Question

当人们滚动div时，我试图在div上添加/删除一个类，但问题是div的高度为100vh并且溢出了垂直滚动。我当前的滚动功能仅在您实际向下滚动页面时才有效，而不是在div内。

是否有可能它有一个类似的滚动功能，当滚动通过div而不是整页时添加/删除？

$(function() {
  var header = $("#scroller-wrapper");
  $(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    if (scroll >= 50) {
      header.removeClass('scroller').addClass("scroller hidden");
    } else {
      header.removeClass("scroller hidden").addClass('scroller');
    }
  });
});    

Answer 1

您可以尝试使用此脚本。

$(function() {
var header = $("#scroller-wrapper");
$("#div_for-which_you_want_to_capture_scroll").scroll(function() {    
var scroll = $('#div_for-which_you_want_to_capture_scroll').scrollTop();

console.log(scroll);
if (scroll >= 50) {
  header.removeClass('scroller').addClass("scroller hidden");
} else {
  header.removeClass("scroller hidden").addClass('scroller');
}
});
});