layer.msg在iframe中显示位置偏低，是因为其默认以父窗口scrollTop为基准定位，而子页面自身滚动会导致偏移；应优先用layer.open替代，或通过postMessage交由父页调用，避免上下文错位、z-index遮挡及跨域限制。
layer.msg 在 iframe 里显示位置偏低，是因为它默认计算的是顶层窗口的 scrollTop
iframe 子页面调用 layer.msg 时，弹层会以 window.parent 的滚动位置为基准定位，但子页面自身可能已滚动（比如在长表单中提交后触发提示），导致 msg 出现在可视区上方甚至被截断。这不是 bug，是 layer 基于父级 document 测量的正常行为。
实操建议：
- 优先改用
layer.open+ 自定义 content 替代layer.msg，手动控制offset和fixed: false，避开自动定位逻辑 - 若必须用
layer.msg，需主动重置其定位参考：在调用前临时修改document.documentElement.scrollTop和document.body.scrollTop为 0，再还原（注意兼容性） - 更稳妥的做法是把提示逻辑提到父页面执行——子页面通过
window.parent.postMessage发送消息，由父页调用layer.msg
为什么不能直接用 top: '20px' 或 offset 参数硬调位置
layer.msg 的 offset 参数只接受字符串如 't'、'100px' 或数组 ['100px', '50%']，但它内部仍会叠加父窗口的 scrollTop。设成 offset: '20px' 后，实际 y 坐标 = 20 + 父页滚动距离，结果反而更飘。
常见错误现象：
- 在 iframe 中调用
layer.msg('ok', {offset: '20px'})，msg 跑到屏幕顶部之外 - 父页未滚动时正常，一滚动就偏移，复现不稳定
- Chrome 正常，Safari 下
offset完全失效
iframe 子页面调用 layer 的正确加载方式
很多人直接在子页面 <script src="layui.js"></script>，但这样加载的 layer 实例绑定的是子页面的 window，而 DOM 操作却要写入父页面 body —— 权限和上下文错位，引发定位/层级异常。
正确做法（二选一）：
- 子页面不单独引入 layui，统一由父页加载，子页通过
window.parent.layer访问（需确保父页已就绪） - 子页引入 layui 后，手动将 layer 挂载点切到父 body：
layer.config({ path: 'path/to/layer/', skin: 'layer-ext-myskin', // 关键：让 layer 的容器插入到父页面 body render: function(elem) { return window.parent.document.body.appendChild(elem); } });
容易被忽略的 z-index 和 iframe 同源限制
即使位置修好了，msg 还可能被父页其他元素遮挡，或根本不出现在界面上——这往往不是定位问题，而是 z-index 层级或跨域限制。
检查点：
- 确认 iframe 与父页同源（协议、域名、端口一致），否则
window.parent.layer会报Permission denied - layer 默认
z-index是 1989，如果父页有 modal 组件 z-index 设为 2000+，msg 就会被压住，需在layer.msg配置里加zIndex: 2050 - 某些 UI 框架（如 element-ui）会动态设置
body { overflow: hidden }，影响 layer 的 fixed 定位，得在 show callback 里手动修正
