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";
} 作者最新文章
JavaScript异步发送HTTP请求时怎么优雅地处理错误
2026-11-05 17:10:44
5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
