问题:
iView 4 的 Tabs 组件在 .ivu-tabs-nav-wrap 上注册了 wheel 事件,阻止了页面滚动。
解决方案:
使用 addEventListener 监听 wheel 事件,并通过 capture: true 让监听器在捕获阶段执行,使用 stopImmediatePropagation() 阻止 iView 内部注册的滚轮监听器运行。
核心代码:
tabWrap.addEventListener(
'wheel',
(e: WheelEvent) => {
e.stopImmediatePropagation();
},
{ capture: true }
);