1

この投稿の jQuery コードを使用して、ブラウザーの高さに応じて DIV の高さを調整していますが、問題なく動作しています。私が苦労しているのは、このコードを調整して、コンテンツ自体が十分に大きくない場合にのみブラウザーの高さに調整されるようにすることです。現時点では、DIV にブラウザの高さよりも自然に高いコンテンツがある場合でも、jQuery コードは DIV をブラウザ ウィンドウと同じ高さにし、あふれたコンテンツをカットします。

ブラウザーの高さに基づいて DIV の高さを調整するために使用している jQuery コード:

$(document).ready(function(){
    resizeContent();

    $(window).resize(function() {
        resizeContent();
    });
});

function resizeContent() {
    $height = $(window).height() - 0;
    $('body div.slide').height($height);
}

ブラウザ ウィンドウよりも高いコンテンツを切り取らないようにコードを変更する方法について誰かアイデアがあれば、私は永遠に感謝します.

助けてくれてありがとう！

4

2 に答える 2

2

私があなたの質問を理解しているなら、あなたがする必要があるのは、ウィンドウの高さを適用するように設定する前に、divの高さをテストすることだけです。

if ($('body div.slide').height()<=$height) {
  $('body div.slide').height($height);
}

jsfiddleを参照してください：http：//jsfiddle.net/9YQYt/

于 2013-03-16T17:24:25.700 に答える
0

質問を理解すれば、CSS に関する問題を解決できます

div.slide{height: 100%}
于 2013-03-16T17:42:42.987 に答える