jQueryでスクローラープラグインを作成しようとしています。新しいサイズのスクロール位置を設定するには、コンテナ要素のサイズ変更イベントをキャッチする必要があります。しかし、私はこの問題に固執して.resize()
います。Chromeではウィンドウ以外の要素では機能しません。
jQueryまたはJavaScriptを使用してサイズ変更イベントをキャッチする方法はありますか?onresize
属性の設定も試みましたが、一度だけ起動します。以下にjsFiddleリンクを追加しました。
jQueryでスクローラープラグインを作成しようとしています。新しいサイズのスクロール位置を設定するには、コンテナ要素のサイズ変更イベントをキャッチする必要があります。しかし、私はこの問題に固執して.resize()
います。Chromeではウィンドウ以外の要素では機能しません。
jQueryまたはJavaScriptを使用してサイズ変更イベントをキャッチする方法はありますか?onresize
属性の設定も試みましたが、一度だけ起動します。以下にjsFiddleリンクを追加しました。
MDNから:
window
onresize イベントがあるのはオブジェクトだけです。
jQueryのドキュメントにも言及されているだけwindow
です。
おそらく、必要なことを正確に行うと思われるjQueryのサイズ変更イベントプラグインの恩恵を受けることができます.
編集:これは、プラグインを含む更新されたフィドルです。コードは同じですが、プラグインが含まれているため、期待どおりに動作します (フィドルの [リソースの追加] タブを参照してください)。
ウィンドウ以外の場所でサイズ変更をキャッチしたいのはなぜですか?
DOM要素がdivのサイズを縮小するのを監視する必要があるためである場合は、サイズ変更イベントをトリガーするだけです。
$(window).trigger('resize')