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

【问题标题】：Add / remove class when scrolling in a 100vh (overflow) div在 100vh（溢出）div 中滚动时添加/删除类
【发布时间】：2017-02-22 10:51:12
【问题描述】：

当人们滚动浏览 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');
    }
  });
});

【问题讨论】：

“滚动一个 div”是什么意思？
看起来您正在尝试删除类“scroller”，并且在您再次添加它以及“隐藏”之后是正确的

标签： jquery scroll

【解决方案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');
}
});
});

【讨论】：

完美！非常感谢
欢迎...享受！