laydate面板不随页面滚动的根本原因是其默认插入body并用absolute定位，而父容器未提供相对定位上下文，导致面板锚定失效；最简修复是body{height:auto}或body{position:relative}。
laydate 面板不随页面滚动的问题本质
根本原因是 laydate 默认将日期面板（.layui-laydate）插入到 document.body，并用 position: absolute 定位；一旦页面有滚动，而父容器又没设 position: relative 或触发了新的定位上下文，面板就“钉死”在初始计算出的绝对坐标上，不再响应滚动位移。
最简生效的 CSS 修复方案
多数场景下，只需加一行样式即可缓解错位（尤其当 body 高度被设为 100% 或 fixed 布局时）：
-
body { height: auto !important; }—— 强制 body 不截断文档流，让position: absolute的面板能正确锚定视口 - 或更稳妥地：
body { position: relative; }—— 提供一个明确的定位参考容器，避免浏览器回退到根元素或错误的祖先节点 - 注意：若项目中已有全局
html, body { height: 100%; }，这两条必须覆盖，否则无效
滚动中主动销毁面板的 JS 补救
当页面存在自定义滚动容器（如 .mainBox、#right 等内部滚动区），body 没滚动但面板仍错位，CSS 方案会失效。此时需监听实际滚动源并清除面板：
- 在
laydate.render()中显式指定trigger: 'click'，避免focus触发带来的额外干扰 - 绑定滚动事件到真实滚动容器：
$('.mainBox').on('scroll', function() { $('.layui-laydate').remove(); }); - 不要用
$(document).on('scroll', ...)—— 如果 body 没滚动，这个监听根本不会触发 - 如果使用原生 JS，注意滚动事件节流，避免高频
remove()影响性能
修改 laydate 源码实现双定位（高风险但彻底）
官方未暴露重定位钩子，所以遇到“滚动后打开面板就偏移”的顽疾，只能动源码。关键位置在 laydate.js 插入面板后的 position() 调用：
- 原始逻辑（约 721 行）：
document.body.appendChild(elem), that.position() - 问题：插入瞬间因滚动条出现导致视口尺寸突变，
position()计算值不准 - 修复写法：
document.body.appendChild(elem), that.position(), that.position() - 原理：第二次调用时滚动条已稳定，坐标重算更准；实测可解决 90% 的首次错位
- ⚠️ 注意：压缩版中搜索
document.body.appendChild，替换后务必测试elem是否已被重复插入（部分版本需加 guard 判断）
position() 被调用的那一次是否基于最终稳定的布局状态。
