layer.open无法原生支持“点击哪就显示在哪”，必须关闭fixed定位并用clientX/clientY计算坐标，否则因scrollY叠加导致严重偏移。
layer.open 无法原生支持“点击哪就显示在哪”，必须手动计算坐标并禁用 fixed 定位，否则会受滚动条干扰、位置偏移严重。
为什么直接用 offset 配置会错位
layer 默认开启 fixed: true，此时 offset 基于视口（viewport）计算；但当你滚动页面后，e.pageY 返回的是文档坐标（含 scrollY），而 layer 又自动叠加了一次 scrollY，导致 y 方向偏移两倍滚动距离。实际表现是：滚动越深，弹窗越往下飘。
- 错误写法：
offset: [e.pageY + 'px', e.pageX + 'px']→ 滚动后严重下移 - 根本原因：layer 内部对
fixed: true场景做了 scrollY 补偿，但你传入的e.pageY已含 scrollY - 解法不是“修 offset”，而是关掉 fixed，改用绝对定位 + client 坐标
正确做法：关 fixed、用 clientX/clientY、手动减去弹窗尺寸
要让弹窗紧贴鼠标点击左下角（常见 tooltip 类需求），需关闭浮动、用视口坐标、再补偿自身宽高。以下是最简可靠写法：
$('.trigger-btn').on('click', function(e) {
const w = 300; // 弹窗宽度，需与 area 一致
const h = 120; // 弹窗高度，可选，用于 y 向微调
layer.open({
type: 1,
area: w + 'px',
offset: [e.clientY + h + 'px', e.clientX + 'px'], // 左下角：y 加高度，x 不加
fixed: false, // ⚠️ 必须设为 false
shade: 0,
content: '<div style="padding:10px">这是弹窗内容</div>'
});
});-
fixed: false是前提，否则所有坐标计算失效 - y 向用
e.clientY + h实现“点击点左下角”，h 可按实际弹窗高度调整（若不关心精确贴边，可先设为 10–20 测试） - x 向用
e.clientX即点击点左侧对齐；若要居中对齐点击点，改为e.clientX - w/2 - 注意：
area设为'300px'时，真实 DOM 宽度可能略大（含 padding/border），建议用 devtools 检查后微调
兼容性与边界问题处理
鼠标靠近窗口边缘时，弹窗可能被截断或溢出。layer 不自动做边界检测，需手动约束坐标：
- 右边界：若
e.clientX + w > document.documentElement.clientWidth，则 x 改为document.documentElement.clientWidth - w - 下边界：若
e.clientY + h > window.innerHeight，则 y 改为window.innerHeight - h - 避免遮挡鼠标：可将 y 值再 +5，确保鼠标在弹窗上方可见
- 移动端慎用：
clientX/clientY在部分安卓浏览器中可能不准，建议加if ('ontouchstart' in window) return;拦截
真正麻烦的不是写几行代码，而是 layer 的 fixed 和坐标系逻辑混在一起——关还是不关、用 page 还是 client、要不要减 scrollY，每一步都得验证滚动状态。一旦漏掉 fixed: false，后面所有坐标调整都是白忙。
