0

ここでいくつかの解決策を試しましたが、自分に合った解決策が見つからないようです。

この div は背景に水色の色で表示されます。ドキュメントの高さに合わせて min-height を設定しましたが、問題は、私の jQuery コードが機能しないことです。

var windowHeight = $(window).height();
var documentHeight = $(document).height();

if ( windowHeight > documentHeight ) {
    $("#blueBackgroundBarVertical").height = windowHeight;
}

CCSコードは次のとおりです。

#blueBackgroundBarVertical {
min-height: 631px;
width: 150px;
background-color: rgba(0, 204, 255, 0.4);
position: absolute;
top: 0;
margin-left: 695px;
z-index: -10; }

「高さ」を 100% に設定しようとしましたが、小さな画面では問題が発生します。これは画面の 100% であるため、長いページを下にスクロールすると、残りのバーが表示されなくなります。ボトム..

4

1 に答える 1

1

代わりに.height = windowHeightこれを使う

var windowHeight = $(window).height();
var documentHeight = $(document).height();

$(window).resize(function () {
    if (windowHeight === documentHeight) {
        $("#blueBackgroundBarVertical").height($(window).height());
    }
});
if (windowHeight === documentHeight) {
    $("#blueBackgroundBarVertical").height(windowHeight);
}

また、ウィンドウとサイトの寸法が同じであるため、if ステートメントが真になることはありません。

http://jsfiddle.net/Hive7/smtWJ/2/

また、jsファイルがあることを確認してください

于 2013-07-16T16:02:40.353 に答える