[IE兼容] el-table组件固定列触发滑轮滚动时,移动速度缓慢及动画不流畅
之前通过css 禁用固定列的鼠标事件形成事件穿透解决
详见上篇文章: el-table组件固定列触发滑….
style{
pointer-events:none
}
方法暴力,但对后续业务却造成影响,例如在固定列上增加点击事件时,虽然可以通过 pointer-events:auto 恢复,但滑动穿透效果失效
通过对固定列页面打断点定位mousewheel方法,发现element-ui及引用的normalize-wheel.js 中的方法导致
//相关路径:node_modules\element-ui\lib\element-ui.common.js
//node_modules/normalize-wheel/src/normalizeWheel.js
问题
1.element-ui.common.js没有针对固定列滚动设置滑动方法
//定位到方法位置---line-13649
handleFixedMousewheel: function handleFixedMousewheel(event, data) {
...
bodyWrapper.scrollTop += Math.ceil(data.pixelY /