title: Cancel wheel event with e.preventDefault in react event bubbling
body: <p>I am trying to prevent window scrolling with <code>e.preventDefault()</code> when a wheel event is fired but browser scrolls no matter what.</p>
  
  <pre><code>&lt;div onWheel={this.handleWheelEvent} &gt;
    &lt;div className='yellow fullpage'&gt;Yellow Page&lt;/div&gt;
    &lt;div className='green fullpage'&gt;Green Page&lt;/div&gt;
    &lt;div className='blue fullpage'&gt;Yellow Page&lt;/div&gt;
  &lt;/div&gt;
  
  </code></pre>
  
  <p>js</p>
  
  <pre><code>handleWheelEvent = e =&gt; {
      e.preventDefault();
      e.stopPropagation();
      e.nativeEvent.stopImmediatePropagation();
      // those 3 should prevent browser from scrolling but they don't
  }
  </code></pre>