如果div滚动大于 - JS事件

Question

我正在一个有完整身体幻灯片的网站上工作，身体的溢出被隐藏起来。如果幻灯片的内容大于用户屏幕的高度，则用户需要使用滚动条滚动或在移动设备上向下滑动。

我需要它，以便如果用户滚动大于（例如）50px的JS事件触发，并且如果用户向上滚动另一个JS事件触发器。这将允许我隐藏元素，如果用户滚动并且元素重新发生，如果它们返回顶部。

我已经使用了以下内容，当用户滚动时可以使用，但是我需要能够为它定义大于的值，然后在小于值的情况下使用另一个事件。

$(".section").scroll(function() {
    $("#header").css( "display", "none" ).fadeOut( "slow" );
});

任何想法都会受到大家的欢迎！

干杯 利安

Answer 1

尝试使用$(this).scrollTop()：

$(".section").scroll(function() {
  if ($(this).scrollTop() > 50) {
    // do something
  } else {
    // do something else
  }
});