要实现网页顶部固定Layui弹窗，需用offset:'t'触发顶部居中，显式设置fixed:true，清除父容器transform干扰，并将zIndex设为高于导航栏（如3000）。
要在网页顶部固定位置显示Layui弹窗，避免随滚动条移动、不被导航栏遮挡、且保持视觉稳定，必须同时处理定位模式、父容器干扰和层级关系。
用 offset: 't' 实现顶部居中显示
layer.msg() 和 layer.open() 都支持 offset 参数，【't' 是唯一能直接触发顶部居中逻辑的预设值】，它会让弹层垂直方向对齐视口顶部，水平居中。
执行 layer.msg('保存成功', { offset: 't' }); 即可看到提示框出现在屏幕顶部正中位置。
注意：如果页面有 sticky 或 fixed 导航栏，这个提示可能被盖住——因为 layer.msg 默认 z-index 是 1989，而多数导航栏 z-index ≥ 2000。
让 layer.open() 弹窗真正固定在顶部不滚动
layer.open() 默认启用 fixed 定位，但一旦父级 DOM 元素设置了 transform、filter 或 will-change，就会创建新的定位上下文，导致 fixed 失效，弹窗跟着页面滚动。
第一步：显式声明 fixed: true 并指定 offset
layer.open({ type: 1, content: '
第二步：检查并移除父容器的 transform 样式
打开浏览器开发者工具，逐级查看 .layui-body、.layui-layout-left 等外层 wrapper 是否含有 transform: translateZ(0)、scale(1) 等声明；只要存在，fixed 就会失效，offset: 't' 就不再相对于视口。
第三步：手动提升 z-index 值确保不被遮挡
layer.open({ ..., zIndex: 3000 });——【必须大于导航栏的 computed z-index】，否则即使位置正确也会被盖住。
实现带动画的顶部横幅通知（无遮罩、不居中、靠右）
方法一：用 layer.open() + CSS fixed + 自定义 offset
layer.open({ type: 1, content: '
然后在 CSS 中写：.top-notice { position: fixed; top: 20px; right: 20px; width: 320px; height: 44px; }。这比依赖 layer 内部 offset 更可控。
方法二：禁用 fixed，改用绝对定位 + 动态 clientY 计算（仅适用于点击触发场景）
给按钮绑定 click 事件，在事件回调中取 e.clientY，再用 offset: [e.clientY + 'px', 'auto']；但注意要同时设置 fixed: false，否则滚动后位置会偏移两倍 scrollY。
