如何在使用jQuery動態添加內容時自動觸發onscroll？

Question

使用.on(scroll或.scroll(通過拖動滾動條或使用鼠標滾輪，我們可以在執行物理滾動時檢測窗口或元素滾動。

但它不能是帶動態添加內容的自動觸發。

下面是一個例子：http://jsfiddle.net/vs5bR/

對此有任何解決方案？我看過DOM檢查方法，該方法始終檢查DOM元素的變化，似乎並不是一個好的方法。

Answer 1

您可能想委派滾動事件。

看看爲.on()這裏的文檔：http://api.jquery.com/on/

總之..如果你的手是「選擇」參數設置爲.on()功能的處理程序也將被安裝到您的來電.on()後添加任何元素。

這是以前用live()完成的，現在已經棄用了。

Answer 2

OK，我發現了一個解決方案，但它是Firefox的唯一

https://developer.mozilla.org/en-US/docs/Mozilla_event_reference/MozScrolledAreaChanged?redirectlocale=en-US&redirectslug=DOM%2FDetecting_document_width_and_height_changes#Example

document.addEventListener("MozScrolledAreaChanged", function(event) { 
    // do something 
}, false); 

我仍然在等待一個跨瀏覽器的解決方案...

Answer 3

您可以滾動div自動。這也會觸發滾動事件。 看看javascript中的your fiddle

將以下內容添加到click事件中。此示例使用jQuery選擇器來獲取元素，但您可以在沒有jQuery的情況下執行此操作

var mydiv = $('#content')[0]; 
mydiv.scrollTop = mydiv.scrollHeight;