遮罩层盖不住底部滚动条是因为 layui-layer 的 .layui-layer-shade 默认仅基于 window.innerHeight 设置高度，未适配 document.scrollHeight，且不监听 resize、DOM 变化及动态内容更新。
遮罩层盖不住底部滚动条，本质是 layui-layer 的 .layui-layer-shade 没有撑满整个可视区域（document.documentelement.scrollheight），尤其在页面内容高度超过视口、且启用了 overflow-y: scroll 时。默认它只基于 window.innerheight 设置高度，不考虑 body 可能存在的滚动条占位或缩放偏移。
为什么 layer.open() 的遮罩层会漏掉滚动条区域
Layui 的遮罩层（.layui-layer-shade）默认用 height: 100% + position: fixed，但它的父容器是 body，而某些浏览器（如 Chrome）在存在垂直滚动条时，body 的 clientHeight 会忽略滚动条宽度导致计算偏差；更关键的是，Layui 未监听 resize 或 DOM 尺寸变化，也不主动重设遮罩层高度 —— 所以一旦页面动态加载内容、或弹层打开后用户滚动/缩放，遮罩就容易“短一截”。
-
layer.open()初始化时只读一次$(window).height()，不随document.scrollingElement.scrollHeight更新 - 当
body有padding-bottom或margin-bottom，遮罩层的bottom: 0会失效 - 使用
type: 2（iframe 层）时，若 iframe 内容触发了父页面重排，遮罩层高度不会自动同步
手动重设遮罩层高度的可靠写法
不要依赖 layer.style() 或直接改 .layui-layer-shade 的 height，因为 Layui 会在内部重绘时覆盖。应在弹层打开后、且 DOM 稳定时，用 success 回调 + setTimeout 微任务修正：
layer.open({
type: 1,
content: '#myDiv',
success: function(layero, index) {
// 等 layer 渲染完成再操作
setTimeout(() => {
const shade = $('.layui-layer-shade');
if (shade.length) {
// 强制撑满整个文档高度（非视口）
shade.css('height', $(document).height() + 'px');
}
}, 10);
}
});
- 必须用
$(document).height()，不是$(window).height()—— 后者只返回视口高 -
setTimeout延迟至少10ms，确保.layui-layer-shade已插入 DOM - 如果页面支持
scrollingElement（现代浏览器），可用document.scrollingElement.scrollHeight更精准
全局补丁：监听窗口 resize 和 DOM 变化
单次修复不够，页面动态增删内容（比如表格分页、折叠面板展开）会让遮罩再次失效。可加轻量级监听：
// 全局生效，仅需执行一次
$(function() {
const updateShade = () => {
$('.layui-layer-shade').css('height', $(document).height() + 'px');
};
$(window).on('resize scroll', _.throttle(updateShade, 100)); // 防抖防频发
// 若项目用了 MutationObserver（如 Vue/React 场景），也监听 body 子节点变化
const mo = new MutationObserver(updateShade);
mo.observe(document.body, { childList: true, subtree: true });
});
- 用
_.throttle（Lodash）或手写简单防抖，避免 resize 触发太密 - 仅监听
childList和subtree，不监听attributes，减少开销 - 注意：Layui 2.8+ 内部已优化部分场景，但未覆盖所有动态内容更新路径
最易被忽略的一点：如果页面 html 或 body 设置了 height: 100% 或 min-height: 100vh，会导致 $(document).height() 计算异常 —— 此时应优先移除这些限制，让文档流自然撑高，再交由遮罩层去适配。
