首頁 >web前端 >js教程 >如何在 jQuery 中偵測使用者何時滾動到 Div 底部?

如何在 jQuery 中偵測使用者何時滾動到 Div 底部?

Patricia Arquette
Patricia Arquette原創
2024-10-29 03:30:29924瀏覽

How to Detect When a User Has Scrolled to the Bottom of a Div in jQuery?

使用jQuery 檢測Div 內容的結尾

問題:

在內容溢出且自動溢出的div 元素中,我們如何使用jQuery 檢測用戶何時滾動到div 底部?

底部滾動偵測的jQuery 程式碼:

<code class="jQuery">jQuery(function($) {
    $('#flux').on('scroll', function() {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
            // Event triggered when the end of the div is reached
            // Perform desired actions here
        }
    })
});</code>

說明:

  • 說明:
  • 說明:

使用scrollT(>使用scrollT )來確定用戶在div內滾動了多遠。 新增innerHeight()來考慮div的可見部分。 將總和與scrollHeight(div 內內容的高度)進行比較,以偵測使用者何時到達底部。 此方法提供了一種可靠的方法,可在以下情況下觸發事件:使用者捲動到特定 div 的末尾,允許動態載入內容或任何其他所需的功能。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn