javascript - 弹出div区域到页面中途打开

标签 javascript html css

我正在使用我之前上网的一些代码,点击链接会打开一个整体 div,将下面的页面涂黑,并打开一个小弹出窗口,其中有一个 YouTube 视频。

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

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

关于如何调整弹出窗口的位置,有人可以指出正确的方向吗?我不确定它是 CSS 还是 Javascript。

最佳答案

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

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

关于javascript - 弹出div区域到页面中途打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11531821/

相关文章:

javascript - 由于缺少 &lt;script&gt;,无法看到“关于”页面路由,但能够到达“主页”路由

javascript - Google Adwords API 发现以元素 'serviceSelector' 开头的无效内容

jquery - Tinymce 按钮未出现在某些页面中

css - 使用伪选择器的关键帧动画

javascript - Datatables ExcelHTMl5 导出添加页眉和页脚

javascript - CSS,如果是移动设备则更改样式表

javascript - 单击箭头时,动画标志向左或向右移动一个位置

javascript - 单击按钮/JQuery 时使 div 彼此相邻

CSS 显示 : box with box-align stretch and center at the same time

html - 页脚覆盖了我的内容