如何使用 jQuery 檢測使用者何時滾動到網頁底部（或接近底部）？

監控滾動深度以實現精確的內容加載

在內容到達底部時加載的分頁系統中，確定用戶何時滾動到四肢變得至關重要。 jQuery 為這項挑戰提供了一個優雅的解決方案。

方法：

在視窗物件上執行.scroll() 事件：

$(window).scroll(function() {
   // Calculate total scroll position and compare it to document height
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

此程式碼將視窗的頂部捲動位置（向下滾動的距離）與可見視窗的高度相加，並將其與整體內容進行比較高度。當這些值對齊時，表示使用者到達頁面底部。

近底部偵測：

對於您想要在實際底部之前觸發操作的場景，修改程式碼如下：

$(window).scroll(function() {
   // Check if user is within 100 pixels from the bottom
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }
});

透過調整- 100 之後的值（例如調整為50， 200)，您可以定義所需的底部接近閾值。

以上是如何使用 jQuery 檢測使用者何時滾動到網頁底部（或接近底部）？的詳細內容。更多資訊請關注PHP中文網其他相關文章！