1

シンプルな縦型レイアウトをまとめました。タイトル バーとコンテンツで構成されます。タイトル バーの高さはさまざまなので、これを使用.height()して決定し、$(window).height()残りのスペースを見つけます。

残りのスペース (一部のパディングを除く) は、「ビュー」の残りを埋める必要があります。しかし、私は3px離れています - 誰でも理由を説明できますか?

編集：コード行で補償してい3pxます(4 * padding) - 3)。

ここに問題を示す JSFiddle

function setScrollingDivHeight() {
 var div = $("#styleDivTitle");
 var padding = 5;
 $("#styleDivScrolling").height($(window).height()
  - $("#styleDivTitle").height() - (4 * padding) - 3);
}


$(window).load(function () {
 setScrollingDivHeight();
 $(window).resize(setScrollingDivHeight);
});
4

1 に答える 1

0

ここで使用したソリューションは次のとおりです。主な違いは次のとおり.outHeight(true)です。

var padding = 5;

function setScrollingDivHeight() {
    $("#styleDivScrolling").height($(window).height() - $("#styleDivTitle").outerHeight(true) - (2*padding));
}

$(window).load(function () {
    setScrollingDivHeight();
    $(window).resize(setScrollingDivHeight);
});

JSFiddle の結果はこちら。

于 2013-11-22T23:02:48.230 に答える