Question

我需要帮助将我的javascript弹出屏幕中心。当我向下滚动屏幕并单击激活onclick弹出窗口的链接时，它出现在我页面的顶部（我看不到弹出窗口）。即使我向下滚动，如何才能将其弹出屏幕中央。

<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">

Answer 1

您需要添加css以将弹出窗口/模态定位到页面中心。像这样：

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

示例：http://jsfiddle.net/e9ftscov/

我使用的CSS代码的来源和说明：http://codepen.io/shshaw/full/gEiDt

Answer 2

您应该在弹出式父级中使用position：fixed。试试这个：

<a href="javascript:void(0)" onclick="document.getElementById('light').style.display="block";document.getElementById('light').style.position="fixed";document.getElementById('fade').style.display="block";">

如果没有，你可以使用css样式表：

.light{
 position:fixed;
}

如何在屏幕中心点击Javascript Onclick

2 个答案: