title: Disable horizontal scrolling by clicking the mouse wheel in the element with overflow-x:hidden
body: <p>How can I determine the possibility of horizontal scrolling by clicking the mouse wheel and disable it in the element with overflow-x:hidden (using JavaScript or jQuery)? Scrolling is impossible in Firefox but possible in IE, Chrome and Safari. Code example:</p>
  
  <p><code>&lt;div style="overflow-x:hidden; overflow-y:auto;"&gt;...&lt;/div&gt;</code></p>
  
  <p>Screenshots:</p>
  
  <p><img src="https://i.stack.imgur.com/BnASQ.png" alt="Firefox">
  <img src="https://i.stack.imgur.com/vNw09.png" alt="Chrome">
  <img src="https://i.stack.imgur.com/DACTa.png" alt="Safari">
  <img src="https://i.stack.imgur.com/Sw0az.png" alt="IE"></p>