如何在屏幕中心使用Javascript Onclick

Question

我需要幫助將我的javascript彈出屏幕中心。當我向下滾動屏幕並點擊激活oncl​​ick彈出框的鏈接時，它會出現在我的頁面頂部（我看不到彈出窗口）。即使當我向下滾動時，我怎樣才能讓它在屏幕中心彈出。

<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

你應該使用位置：固定在彈出的父母。 這種嘗試：

<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; 
}