Jquery检测滚动是否在顶部

Question

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

<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!");
   } 
});
</script>

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

我想让它在滚动到页面顶部时工作，我该怎么做？

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。