弹出div区域到页面中间打开

Question

我正在使用一些代码，我上网了一段时间，点击一个链接打开一个毯子div，黑屏下面的页面，打开一个小的弹出窗口，我有一个YouTube视频。

它工作正常，但它将弹出窗口垂直放置在页面的中心，这意味着您必须向下滚动才能看到弹出窗口。如何让弹出窗口始终靠近顶部而不是中途？

我试图将它放在一个jsFiddle中：http://jsfiddle.net/xdH7k/3/

有人能指出我如何调整弹出窗口的位置吗？我不确定它的CSS是做它还是Javascript。

Answer 1

你可能想看看JQuery＆amp; JQuery UI。 JQuery UI有一个模态对话框弹出窗口，它在屏幕的可视区域中垂直和水平居中。

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

Answer 2

您可以更改此行：

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

类似于：

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

这将从顶部垂直居中移除div并将其与顶部隔开20个像素。

Answer 3

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

您需要更改声明popUpDiv.style.top。我在这里的演示中将它设置为10px，而不是<div>高度