如何偵測使用者何時滾動到網頁底部？

識別使用者在網頁上的捲動位置

確定使用者是否捲動到網頁底部對於執行特定操作至關重要，例如自動更新頁面。以下是實現此偵測的方法：

首先，您需要在視窗物件上註冊滾動事件偵聽器：

window.onscroll = function(ev) {

在此事件處理程序中，您可以計算目前捲動定位並與網頁的高度比較：

if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {

• window.innerHeight：代表可見高度
• window.scrollY：表示網頁內的垂直捲動位置。
• document.body.offsetHeight：給出網頁內容的總高度，包括滾動的和未滾動的滾動區域。

如果 window.innerHeight 和 window.scrollY 總和大於或等於document.body.offsetHeight，這表示使用者已經到達頁面底部，觸發您需要執行的操作。

範例實作

例如，要在到達底部時用新內容更新網頁，您可以使用以下程式碼：

window.onscroll = function(ev) {
    if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {
        // Load or generate new content to add to the bottom of the page
    }
};

透過採用此技術，您可以有效判斷使用者是否已經捲動到頁面末尾並執行相應的操作。

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