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（）docs所述：

如果滚动条位于最顶部，或者元素不可滚动，则此数字将为0。