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。