怎么让div始终居中浏览器可视范围的中间位置

例如我有个div，先让他隐藏起来，然后我在页面中点击超链接，让这个DIV显示出来。现在的问题是，我有个页面很长，当我没有拉动滚动条时，点击某个超链接，让DIV显示并居中好办，但是当我拉动滚动条点击下面的超链接时，怎么样让这个DIV仍然出现在屏幕可视范围的中部。
其实我的意思就是无论你的页面有多长，只要你点击了让这个DIV显示的超链接，就始终让这个DIV显示在可视范围的中间位置

有个定位的属性你设置下就可以了,名称是position,有三个属性值fixed,absolute,relative
fixed是浮动,absolute是绝对定位,relative是相对定位.
自己加上这属性再每个值设置过去体会一下就知道了.

代码：
<script type="text/javascript">
var docEle = function()
{
return document.getElementById(arguments[0]) || false;
}

function openNewDiv(_id)
{
var m = "mask";
if (docEle(_id)) document.body.removeChild(docEle(_id));
if (docEle(m)) document.body.removeChild(docEle(m));

//mask遮罩层

var newMask = document.createElement("div");
newMask.id = m;
newMask.style.position = "absolute";
newMask.style.zIndex = "1";
_scrollWidth = Math.max(document.body.scrollWidth,document.documentElement.scrollWidth);
_scrollHeight = Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);