layer弹出层拖拽吸附需启用drag: true并绑定moveend回调，在松手后用parsefloat读取left/top，结合视口与弹窗尺寸强制对齐边界；父级transform或缺失doctype会导致计算失准。
layer弹出层默认不支持“拖拽时实时吸附边界”，必须手动监听 moveend 事件，在松手瞬间修正位置——这是唯一稳定、不卡顿的做法。
必须启用 drag: true 并绑定 moveEnd 回调
仅设 move: true 或 drag: '.layui-layer-title' 不够，它只允许拖动，但不会触发边界修正逻辑。真正起作用的是 drag: true + moveEnd 回调函数：
-
drag: true是开启拖拽的开关（不是move） -
moveEnd是松手后执行的回调，此时layero的style.left和style.top已更新，可安全读取并重设 - 若漏掉
moveEnd，哪怕写了拖拽逻辑也完全不生效
在 moveEnd 中计算并强制对齐边界
吸附不是“拖动中贴边”，而是“松手后立刻拉回”。关键点是用 parseFloat(layero.css('left')) 提取当前值，再对比视口尺寸和弹窗自身宽高：
- 左边界吸附：若
left ≤ 10→ 设为0 - 右边界吸附：若
left + width ≥ $(window).width() - 10→ 设为$(window).width() - width - 上边界吸附：若
top ≤ 10→ 设为0 - 下边界吸附：若
top + height ≥ $(window).height() - 10→ 设为$(window).height() - height
注意：所有单位都是像素，layero.outerWidth() 和 layero.outerHeight() 返回整数，无需再 parse。
常见失效原因：父级 transform 或 DOCTYPE 缺失
即使代码写对，也可能因底层渲染环境异常导致位置错乱：
- 父容器设置了
transform（如scale(0.9)或translateZ(0)），会改变fixed定位的参考系，使left/top计算失准 - HTML 缺少
，<a style="color:#f60; text-decoration:underline;" title="浏览器" href="https://m.php.cn/zt/16180.html" target="_blank">浏览器</a>进入怪异模式，<code>$(window).width()等返回值不可靠，拖拽后位置飘移 - 弹窗内容动态加载（如 iframe 或 ajax 渲染）后未触发重定位，导致初始尺寸误判，后续吸附计算偏移
边界吸附真正的难点不在逻辑，而在 DOM 渲染上下文是否干净——transform 和 DOCTYPE 这两个点，90% 的“拖拽越界”问题都栽在这里。
