title: preventDefault() error in Chrome for mousewheel DOMMouseScroll
body: <p>I am getting this <code>preventDefault()</code> error in chrome console. I came across this <a href="https://developers.google.com/web/updates/2017/01/scrolling-intervention" rel="nofollow noreferrer">blog article</a> and tried few like adding <code>{ passive: false }</code> but no luck. How can I solve this?</p>
  
  <p>I also read that using <code>return false;</code> instead is recommended. But I'm not sure if that's the solution in my case. So I am seeking your advise. </p>
  
  <pre><code>$(document).on('wheel mousewheel DOMMouseScroll', function(event) {
      event.preventDefault();
      if(delay) return;
  
      delay = true;
      setTimeout(function(){delay = false},200)
          //some code
      });
  })();
  </code></pre>
  
  <p>chrome error</p>
  
  <p><code>[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See...</code></p>
  
  <p>Thank you!</p>