jQuery检测滚动是否在顶部

Question

我有一个检测用户滚动的代码，它在滚动底部时起作用

ReactWrapper

当我滚动到页面顶部时，我想使其工作，怎么办？

Answer 1

您可以检查scrollTop()值是否等于零：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
      alert("bottom!");
    }
    if ($(window).scrollTop() == 0) {
      alert("top!");
    }
  });
</script>

<div style="height: 4000px">Scroll down!</div>

scrollTop（）文档指出：

  

如果滚动条在最顶部，或者元素不在   滚动，该数字将为0。