javascript - ページの高さが変化したときにチェック/トリガーする

Question

場合：

コンテンツに基づいてiframeのサイズを変更するためにWebを検索していました（iframeとページホスティングは同じドメインからのものです）。可能な解決策として私が見つけたのは、iframe から親ウィンドウの関数を呼び出して、サイズを送信し、iframe の高さを設定することです。これは簡単に実装できます。

問題：

現在の問題は、iframe 内のページの読み込みが AJAX 集約的であり、ページでのユーザーの操作に依存していることです。高さは、ユーザーのアクションに応じて増減できます (高さはユーザーの操作によってのみ変化し、ランダムまたは自動的に変化しないことに注意してください)。「body」(iframe 内のページ) の高さが高さを変更したときに関数をトリガーしたいと考えています。これは、高さが内部で変更されるたびに iframe のサイズを変更するのに役立ちます。

可能な解決策：

使ってみた

jQuery(document).ready(function(){
    document.body.watch("clientHeight", function(property, oldHeight, newHeight) {
        alert('New Height: ' + newHeight);
    });
});

しかし、関数は決してトリガーしません。インターネットで見つけたものから、IEでは動作しません。少なくともIE8で機能するソリューションが必要です。

別の可能な解決策は、高さの変化を引き起こす可能性のあるイベントでのユーザーの相互作用を監視することでした。しかし、高さの変化を引き起こす可能性のあるそのようなイベントがたくさんあるので、それは本当に非効率的です.

それで、それを回避する最良の方法は何ですか？

よろしく

イェハンゼブ