最直接解法是用 scrollIntoView 滚动表格最外层容器；需确保目标为实际滚动宿主（如 id="userTable" 的 div 或 .layui-table-box），并设置 block: 'start'，避免对 tr 直接调用或选错容器导致失效。
点击行后滚动到表格顶部，scrollIntoView 是最直接解法
layui 表格本身不提供“点击某行自动滚回顶部”的内置行为，得自己监听 row 事件并手动触发滚动。核心不是改 layui 配置，而是用原生 scrollintoview 滚动到表格容器或其顶部锚点。
常见错误是直接对 tr 调用 scrollintoview，但表格常在固定高度容器（如 layui-table-box）里，此时滚动的是父容器而非整个页面，导致无效。
实操建议：
• 确保目标是滚动整个页面，就对表格最外层容器（比如带 id="userTable" 的 div）调用 scrollIntoView
• 若表格在 overflow: auto 的局部容器中，则对该容器调用，而非 window
• 加 { behavior: 'smooth' } 提升体验，但注意 IE 不支持，如需兼容可降级为 scrollTop = 0
Layui on('row') 事件里怎么写滚动逻辑
Layui 的表格行点击事件绑定在 table.on('row')，回调参数里能拿到当前行 DOM 元素 tr，但它只是子节点，不能直接代表表格位置。更稳妥的是提前存好表格容器引用，点击时统一滚动它。
示例代码：
const tableEl = document.getElementById('userTable'); // 假设表格外层 div id 是 userTable
table.on('row(test)', function(obj){
tableEl.scrollIntoView({ behavior: 'smooth', block: 'start' });
});
注意：
block: 'start' 确保顶部对齐；若用 block: 'center'，反而可能把当前行滚到中间，偏离“滚到顶部”需求。
为什么有时 scrollIntoView 没反应？几个典型坑
这个问题高频出现在以下场景：
• 表格容器没设置明确的 id 或无法被 JS 准确选中，结果 tableEl 是 null，调用直接报错静默失败
• Layui 表格启用了 height 参数（如 height: 400），此时表格自带滚动条，实际滚动的是内部 .layui-table-box，不是外层容器
• 页面有 CSS 设置了 scroll-behavior: smooth 在 html 或 body 上，和 JS 的 behavior: 'smooth' 冲突，导致动画卡住或失效
• 使用了 position: fixed/sticky 的头部导航栏，scrollIntoView 滚到顶部后被遮挡，需额外加偏移（如 top: 60px）
替代方案：不用 scrollIntoView，改用 scrollTop 更可控
当 scrollIntoView 行为不稳定（尤其在复杂布局或旧版浏览器中），直接操作滚动位置更可靠。关键是找准滚动对象——如果是整页滚动，目标是 document.documentElement 或 document.body；如果是局部容器，就是那个带 overflow 的父元素。
实操建议：
• 整页滚动：document.documentElement.scrollTop = 0;（优先）或 document.body.scrollTop = 0;
• 局部容器滚动：tableContainer.scrollTop = 0;，其中 tableContainer 是你通过 querySelector('.layui-table-box') 找到的实际可滚动元素
• 如需平滑效果，可用 element.scrollTo({ top: 0, behavior: 'smooth' })，兼容性略好于 scrollIntoView
div，或是 Layui 自动加的 .layui-table-box。这点不确认清楚，写十遍 scrollIntoView 都没用。
