jQueryのscrollHeightまたはscrollWidthの変更に対して発生するイベントはありますか？

Question

私はJQueryを使用して、スクロールバーを自動的に追加するdiv内の要素をドラッグし、必要に応じてscrollHeight/scrollWidthを展開できるアプリケーションを設計しています。コンテナdivのscrollHeightとscrollWidthが変更されても、私は消す必要があります。

いいえ、スクロールイベントは使用しないでください。1）要素をエッジにドラッグしてscrollHeight/scrollWidthを変更するだけで、スクロールが開始されないためです。 2）scrollHeight/scrollWidthが変更されないときに、スクロールが発生します。

ヒント

Answer 1

jQueryはおすすめしませんが、there is a 'resize' dispatcherです。 JavaScriptを使用して

2017バージョン：

this.container = document.querySelector('#container'); 
this.watcher = window.requestAnimationFrame(this.watch); 

this.watch =() => { 
    cancelAnimationFrame(this.watcher); 

    if (this.lastScrollHeight !== container.scrollHeight) { 
    // do something 
    } 

    this.lastScrollHeight = container.scrollHeight; 
    this.watcher = requestAnimationFrame(this.watch); 
}; 

---

scrollHeightとどのようにそれがscrollTopに関連するためのドキュメントを参照してください。 scrollHeightを照会すると、パフォーマンスの悪いDOMの再計算が発生する可能性があります。また、（blocksの場合）およびその他のCSS displayタイプの再帰チェックではないため、position:absoluteで高さ/高さを手動で管理する方が高速になる可能性があります。

Answer 2

私はここでこの質問に答えましたが、これは無関係に見えるかもしれませんが、scrollHeight ChangeとscrollWidthもサポートしています。

Detecting when a div's height changes using jQuery

プラグイン：

http://www.jqui.net/jquery-projects/jquery-mutate-official/

デモ：このようなをチェックする間隔（のsetTimeout）を使用しているよう

$('.selector').mutate('scrollHeight',function(){ 
    alert('it has changed the scroll height do something about it...'); 
}); 

このプラグインは、クロスブラウザを動作するはず変更、それはあなたがそれを必要とする場合は、拡張することもできます:)

助けて欲しいと思っています。