小编Fem*_*Oni的帖子

在反应事件冒泡中使用 e.preventDefault 取消轮子事件

我试图在e.preventDefault()触发轮事件时阻止窗口滚动,但无论如何浏览器都会滚动。

<div onWheel={this.handleWheelEvent} >
  <div className='yellow fullpage'>Yellow Page</div>
  <div className='green fullpage'>Green Page</div>
  <div className='blue fullpage'>Yellow Page</div>
</div>

Run Code Online (Sandbox Code Playgroud)

js

handleWheelEvent = e => {
    e.preventDefault();
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
    // those 3 should prevent browser from scrolling but they don't
}
Run Code Online (Sandbox Code Playgroud)

scrollbar mousewheel dom-events reactjs

7
推荐指数
2
解决办法
2938
查看次数

标签 统计

dom-events ×1

mousewheel ×1

reactjs ×1

scrollbar ×1