1

スティッキー フッター (負のマージン ソリューション) を使用していますが、問題なく動作します。私がする必要があるのは、ウィンドウの高さを計算し、ヘッダーとフッターの既知の高さを差し引いて、その数値を適用し、それをメイン ラッパー div の高さに使用することです。CSS ソリューションは他の問題を引き起こします。これを行う良い方法はありますか?

var h = window.height();
var k = 300; //header is 100px footer is 200px
$('#wrap').height(h-k);

大まかなアイデア、助けてください。

4

3 に答える 3

2

あなたは正しい考えを持っています：

var h = window.innerHeight;
var k = 300;
$('#wrap').height(h-k);

ただし、特定の理由なしにJavaScriptでこれを行うのは悪い形式であるため、CSSでこれを行うことをお勧めします。

于 2012-10-09T01:52:39.257 に答える
2

私のコメントを ans に書き直してください。これは私が通常行うことです：

$(function() {
    $(window).bind("resize", function() {
        var height = $(window).height();
        var k = 112;

        $('#sidebar').height(height - k);

    }).trigger("resize");
});
于 2012-10-09T03:34:08.253 に答える
1

rrowlandとMifengが指摘したように、私は正しい方向に進んでいました。もう少し掘り下げた後、私はこれを思いつくことができました。これは私のニーズに完全に合っていました。プッシュの人に感謝します！

<script type="text/javascript">
  var callback = function () {
     var h = $(window).height();
     var k = 112;
     $('#sidebar').height(h-k);
  };
  $(document).ready(callback);
  $(window).resize(callback);
</script>
于 2012-10-09T02:10:04.583 に答える