title: Prevent page navigation on horizontal scroll
body: <p>I am using a mac trackpad.How to prevent the page going back and next to visited pages on horizontal scroll ?. </p>
  
  <p>I tried to prevent the wheel events but it doesn't works most of the time. </p>
  
  <pre><code>container.addEventListener('wheel', function(ev) {
      ev.preventDefault();
      ev.stopPropagation();
      return false;
  }, {passive: false, capture: true});
  </code></pre>
  
  <p>even I tried blocking with <strong>mousewheel</strong> event which also leads to page navigation. </p>