jquery - iFrame jQuery - 新しい iFrame コンテンツの読み込み中に親が iFrame の上部にスクロールする

Question

これは、親ページに読み込まれた iFrame に読み込まれた私のスクリプトです。

質問: iFrame 内の指定されたコンテンツをクリックするたびに iframe の上部にスクロールし、同時に iFrame のコンテンツをページに変更したいと考えています。

(例 iFrame の送信ボタンをクリックして、iFrame に新しいコンテンツをロードします。同時に、親ページが iFrame の上部にスクロールします)

iFrame に「iFrame」という ID を指定しました。「imageField」という iFrame の要素をクリックすると、フォームが送信され、新しいコンテンツが iframe に読み込まれます。しかし、iframeがロードされているメインページのiFameの一番上までスクロールしたいです。

その理由は、一部のコンテンツがより大きく、iFrame のより大きなコンテンツから送信すると、小さなコンテンツに移動すると、メイン ページをスクロールしてコンテンツを表示する必要があったため、画面が空白のように見えるためです。そのため、新しい iFrame コンテンツが読み込まれているときに、iFrame をホストするメイン ページを iFrame の上部にスクロールしたいと考えています。

iFrame のコードは次のとおりです。

<script>
    $(document).ready(function (){

        $("#imageField").click(function (){

                $('html, body').animate(
                    {
                    scrollTop: $("#iFrame").offset().top
                     }, 2000);

        });
    });
</script>

私のiFrameコード:

<iframe src="questions/questions.php" name="inlineframe" width="550"
marginwidth="5"  height="1500" marginheight="5" scrolling="auto" 
frameborder="0" id="iFrame" ></iframe>