如何偵測使用者何時到達可滾動網頁的末端？

偵測滾動端點

在Web 開發領域，分頁系統致力於為使用者捲動體驗時提供無縫的內容載入往下翻頁。為了實現這一點，確定用戶何時到達可滾動區域的底部至關重要。

jQuery 解決方案

jQuery 為這個問題提供了一個優雅的解決方案。透過利用視窗物件上的 .scroll() 事件，您可以追蹤捲動位置：

$(window).scroll(function() {
  // Calculate the current scroll position
  var scrollTop = $(window).scrollTop();
  // Determine the total height of the window
  var windowHeight = $(window).height();
  // Determine the overall content height
  var documentHeight = $(document).height();

  // Check if the user is at the bottom of the page
  if (scrollTop + windowHeight >= documentHeight) {
    alert("User has scrolled to the bottom!");
  }
});

此腳本擷取使用者的捲動活動，並在到達頁面底部時顯示警報。若要偵測使用者何時接近底部，您可以調整比較條件：

if (scrollTop + windowHeight > documentHeight - 100) {
  alert("User is near the bottom!");
}

透過修改閾值（本例為 100 像素），您可以自訂分頁系統的觸發點.

以上是如何偵測使用者何時到達可滾動網頁的末端？的詳細內容。更多資訊請關注PHP中文網其他相關文章！