JS实现弹出层绝对定位居中的代码示例

作者:代码拾荒时间:2026-10-27 22:42:10浏览:555

本文提供了一段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";
} 
作者最新文章