0

しばらく前にオンラインで入手したコードを使用しています。リンクをクリックすると、下のページを黒く塗りつぶすブランケット div が開き、YouTube ビデオがある小さなポップアップ ウィンドウが開きます。

正常に動作しますが、ポップアップをページの中央に垂直に配置します。つまり、ポップアップを表示するには下にスクロールする必要があります。途中ではなく常に上部近くでポップアップを開くにはどうすればよいですか?

ここのjsFiddleにまとめてみました：http://jsfiddle.net/xdH7k/3/

ポップアップの位置を調整する方法について、誰かが私を正しい方向に向けることができますか? それがCSSなのかJavascriptなのかはわかりません。

4

3 に答える 3

1

この行は次のように変更できます。

popUpDiv_height=blanket_height/2-150;//150 is half popup's height

次のようなものに：

popUpDiv_height=20;//150 is half popup's height

これにより、div が上部から垂直方向に中央揃えされ、上部からわずか 20 ピクセル離れた位置に配置されます。

于 2012-07-17T22:42:04.867 に答える
1

JQuery と JQuery UI をチェックしてみてください。JQuery UI には、画面の表示可能領域の垂直方向および水平方向の中央に配置されるモーダル ダイアログ ポップアップがあります。

http://jqueryui.com/demos/dialog/

于 2012-07-17T22:39:14.470 に答える
1

http://jsfiddle.net/xdH7k/6/embedded/result/

宣言を変更する必要がありますpopUpDiv.style.top。<div>ここのデモでは、高さではなく 10px に設定しました

于 2012-07-17T22:45:21.533 に答える