1

私は次のHTML構造を持っています:

<div id="page-wrapper">
    <div id="page-wrapper-inner">

    </div>
</div>

はタグのすぐ内側にあるため、 a はそこpage-wrapperで問題なく機能しますが、高さ全体には及びません (私は知っています)。そのため、現在、ページの読み込み時およびウィンドウのサイズが変更されたときにウィンドウの高さを計算して追加するために、次の方法があります。<body>min-height:100%page-wrapper-inner

/**
 * Calculate window height based on document height to fill inner-wrapper
 */
function resizeFrame() {
    var h = $(document).height();
    $("#page-wrapper-inner").height(h);
}

jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

これはページの読み込み時には問題なく機能しますが、ウィンドウのサイズを変更すると (特にウィンドウを大きくすると)、一貫性のない結果が得られます。常に高さを再計算しない理由について誰か考えがありますか? ありがとう！

4

1 に答える 1

-1

jsFiddleで試してみましたが、実際にはかなりうまくいきました。しかし、私は2つの提案があります。

  1. ウィンドウのサイズを変更したときに呼び出されるかどうかを確認するために、関数resizeFrameにコンソールログを作成しましたか？
  2. $（window）.height（）;に行くと役立つかもしれません。$（document）.height（）;の代わりに

これで良い結果が得られない場合は、それに応じたcssを投稿してください。

于 2013-01-01T19:25:51.233 に答える