我正在使用我不久前上网的一些代码，在单击链接时会打开一个毯子 div，它会使下面的页面变黑，并打开一个小弹出窗口，其中有一个 YouTube 视频。
它工作正常，但它将弹出窗口垂直放置在页面的中心，这意味着您必须向下滚动才能看到弹出窗口。如何让弹出窗口始终靠近顶部而不是中途打开？
我试图在这里把它放在一个 jsFiddle 中：http: //jsfiddle.net/xdH7k/3/
有人可以为我指出如何调整弹出窗口位置的正确方向吗？我不确定它是 CSS 还是 Javascript。
问问题
914 次
3 回答
1
您可能想查看 JQuery 和 JQuery UI。JQuery UI 有一个模态对话框弹出，它在屏幕的可视区域中垂直和水平居中。
于 2012-07-17T22:39:14.470 回答
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
http://jsfiddle.net/xdH7k/6/embedded/result/
您需要更改声明popUpDiv.style.top。我在这里的演示中将其设置为 10px，而不是<div>高度
于 2012-07-17T22:45:21.533 回答