0

画面（ブラウザ）の大きさに合わせてiframeスクロールの高さを調整することはできますか？デフォルトのブラウザ スクロールを iframe スクロールに単純に置き換えるようなものです。これが私が意味することです：

現在、ブラウザのスクロールを無効にしています:

<style type="text/css">
html, body {
  overflow: hidden;
}
</style>

私は私のiframeを持っています:

<iframe width="100%" src="http://www.yahoo.com" scrolling="yes" frameborder="0" height="100%">
</iframe>

幅を 100% に設定すると、iframe スクロール バーが右端に押し込まれ、デフォルトのブラウザー スクロール バーがいくらか置き換えられ、私の iframe が Web サイトの中心になります (yahoo がその例です)。特定のブラウザーのサイズに合わせて iframe の高さをいつでも調整できますが、ブラウザーの高さに応じて iframe のスクロールを自動的に設定する方法はありますか? 幅と同じようにブラウザの高さに反応するようにしますか?

4

1 に答える 1

3

jQueryを使用している場合は$(window).height()、iframeの高さを設定してください。

これを HTML ファイルの一番下、終了</body>タグのすぐ上にドロップします。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
;(function($){
    $(document).ready(function(){
        $('iframe').height( $(window).height() );
        $(window).resize(function(){
            $('iframe').height( $(this).height() );
        });
    });
})(jQuery);
</script>
于 2013-05-13T16:36:09.050 に答える