Javascript 弹出div区域以打开页面的一半

我用的是我前一段时间在网上得到的一些代码，点击一个链接就会打开一个毯子状的div，它会将下面的页面变黑，并打开一个小的弹出窗口，其中有一个YouTube视频

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

我试着把它放在一个JSFIDLE中：

---

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

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

---

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

---

您可以更改此行：

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

例如：

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

---

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

您可以更改此行：

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

例如：

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

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

您需要更改声明

popUpDiv.style.top

。我在这里的演示中将其设置为10px，而不是高度

---

您需要更改声明

popUpDiv.style.top

。在这里的演示中，我将其设置为10px，而不是高度，谢谢。下次我会用的。对于这一页，我可以通过硬编码的解决方案，但这将有利于下一次。谢谢，谢谢你。下次我会用的。对于这一页，我可以通过硬编码的解决方案，但这将有利于下一次。谢谢。谢谢，这是正确的，我把它设置为100，它的工作原理和我希望的一样。谢谢，这是正确的，我把它设置为100，它的工作原理和我希望的一样。谢谢，我把这一个标记正确，因为你花时间编辑小提琴太好了。非常感谢。谢谢你，我已经把这一个标记正确了，因为你花时间编辑小提琴真是太好了。非常感谢。