2012-07-17 39 views
0

我使用了一段代码,我上网一段时间后,点击一个链接打开一个blanket div,黑色下面的页面,并打开一个小的弹出窗口,我有一个YouTube视频。弹出div区域打开一半的页面

它工作正常,但它将弹出窗口垂直放置在页面中央,这意味着您必须向下滚动才能看到弹出窗口。我怎样才能让弹出窗口始终接近顶部而不是中途?

我试图把它一起在这里的jsfiddle:http://jsfiddle.net/xdH7k/3/

有人能指出我在正确的方向,以如何调整弹出的现在的位置?我不确定是否它的CSS这样做或Javascript。

回答

1

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

您需要更改声明popUpDiv.style.top。我已经在此演示中将其设置为10px,而不是<div>高度

+0

谢谢你,我已经标记了这一个,因为你花时间编辑小提琴非常棒。非常感谢。 – 2012-07-18 15:52:56

1

您可能想查看JQuery & JQuery UI。 JQuery UI有一个模式对话框弹出框,它在屏幕的可视区域垂直和水平居中。

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

+0

感谢此。我将在下次使用。对于这个页面,我可以通过硬编码解决方案获得解决方案,但这对下一次很有帮助。谢谢。 – 2012-07-18 15:52:05

1

你可以改变这一行:

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

喜欢的东西:

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

这消除垂直从顶部和空格它关掉为中心的DIV从仅有20个像素顶端。

+0

感谢这是正确的,我已将它设置为100,它的工作原理与我所希望的一样。 – 2012-07-18 15:52:35

相关问题