本文提供了一段JavaScript代码,用于实现弹出层的绝对定位居中效果。通过计算文档可视区域宽度和高度,结合滚动条位置,动态设置弹出层元素的left和top样式属性,使其在页面中水平垂直居中显示。
弹出层绝对定位居中实现
具体实现如下所示:
定义函数 doThis() {
{
获取元素 addYear 的引用:var a = document.getElementById("addYear");
设置水平位置:a.style.left=(document.body.clientWidth/2-a.clientWidth/2)+"px";
设置垂直位置:a.style.top=(document.body.scrollTop+document.body.clientHeight/2-a.clientHeight/2)+"px";
}