我试图在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)