jquery - 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

div を自動的にスクロールできます。これにより、スクロール イベントもトリガーされます。あなたのフィドルのjavascriptを見てください

クリックイベントに以下を追加します。このサンプルでは、​​要素を取得するために jQuery セレクターを使用していますが、jQuery を使用しなくても同様に実行できます。

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

Answer 3

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);

私はまだクロスブラウザのソリューションを待っています...