1

これをチェックしてくださいhttp://jsfiddle.net/e8UQn/

表示画面で、スクロールバーを下にドラッグすると下の位置にテキストが表示されます。指定した上と左の位置に位置を表示するために必要な#text-boxの位置を絶対に設定しました.

私が必要とするのは、ブラウザが縮小したとき、バックストレッチ画像は完璧に見えますが、スクロールバーが表示されないようにテキストの位置を変更する必要があるということです.

これらの値は、必要な Web アプリケーションから動的に派生するため、上と左のプロパティに変更はありません。画面サイズに応じて値を動的に変更する可能性はありますか?

ありがとう!

4

2 に答える 2

0

更新しました:

これを試して:

var t = $(window).height() - $("#text-box").outerHeight();
$("#text-box").css("top", t);

http://jsfiddle.net/e8UQn/3/

于 2012-05-21T06:53:24.553 に答える
0

#text-boxウィンドウの下部に対して相対的に配置する必要があります。

#text-box {
    position: absolute;
    display: inline-block;
    zoom: 1;
    bottom: 20px; /* This value here */
    left: 51px;
    padding-top: 10px;
    padding-left: 20px;
}

フィドル: http://jsfiddle.net/e8UQn/2/

その出力を変更できない場合は、top値を上書きします。

#text-box {
    top: 'auto';
    bottom: 20px;
}
于 2012-05-21T06:53:33.723 に答える