title: How to disable mousewheel panning in javascript/jquery?
body: <p>I have a div, which has </p>
  
  <pre><code>.A {
      max-height:100px;
      overflow-y: hidden;
  }
  </code></pre>
  
  <p>I don't want it to scroll. However I noticed the user can still click down with a mousewheel then move the mouse up or down and it simulates a scroll. The div box goes up and down. How can I disable this?</p>
  
  <p><a href="https://jsfiddle.net/2aoeyfbL/" rel="nofollow noreferrer">https://jsfiddle.net/2aoeyfbL/</a></p>
  
  <p>Thanks</p>