直接给layui-table容器绑wheel事件无效，因真实滚动区域是内部.layui-table-body或.layui-table-box（固定列时），且需在table.render的done回调中绑定并防止默认行为。
为什么直接给 layui-table 容器绑 wheel 事件没反应
layui 表格默认启用虚拟滚动（scrollbar 关闭时也仍可能拦截原生滚轮），且表格内容实际渲染在内部 .layui-table-box 或 .layui-table-body 里，外层容器往往不触发 wheel。监听错位置，事件根本到不了你的 handler。
- 真实滚动区域通常是
.layui-table-body（带overflow-y: auto）或.layui-table-box（当开启固定列时） - 表格初始化后 DOM 才就位，过早绑定会失败
- 用
document.querySelector直接查可能因异步渲染拿不到元素，得等done回调
在 table.render() 的 done 回调里绑定 wheel
done 是唯一能确保表格 DOM 渲染完成、且拿到当前实例的时机。此时查子节点最稳，也能避免重复绑定。
- 用
res.elem拿到表格最外层容器，再向下找.layui-table-body - 如果启用了固定列，需同时监听
.layui-table-box，它才是实际滚动体 - 记得用
event.preventDefault()阻止默认滚动（如需自定义行为）
table.render({
elem: '#demo',
url: '/api/data',
done: function(res, curr, count) {
const body = res.elem[0].querySelector('.layui-table-body');
const box = res.elem[0].querySelector('.layui-table-box');
if (body) body.addEventListener('wheel', handleWheel);
if (box) box.addEventListener('wheel', handleWheel);
}
});
function handleWheel(e) {
console.log('滚轮偏移:', e.deltaY);
// e.preventDefault(); // 按需取消默认滚动
}
监听 .layui-table-fixed 时的兼容性陷阱
当表格有固定列（fixed: true），左右两侧的固定区是独立滚动容器，它们的 wheel 事件不会冒泡到主体，必须单独监听。
-
.layui-table-fixed-l和.layui-table-fixed-r各自独立滚动 - 它们的
scrollTop/scrollLeft与主表不同步，手动同步需节流，否则卡顿 - Chrome 下对
fixed元素的wheel支持稳定，但 Safari 15.4+ 才修复了部分事件丢失问题
用 element.on('wheel', selector, fn) 替代原生 addEventListener？
可以，但没必要。Layui 的 element.on 本质是事件委托，适合动态插入的元素；而表格滚动容器是初始化后就存在的静态结构，原生 addEventListener 更轻量、可控性更强。
-
element.on对wheel的支持依赖底层EventTarget，某些版本 Layui（如 2.8.18 之前）未显式代理该事件 - 若坚持用
element.on，selector 必须写成'.layui-table-body'，且绑定目标得是document或已存在的父级，不能是表格容器本身（它还没渲染） - 原生绑定 +
done回调是最小可靠路径
scrollTop、scrollLeft、deltaY 含义完全不同，稍不注意就只响应了一半。
