title: How to only allow scrolling with scroll-bar
body: <p>I am trying to only allow people to scroll through a drop-down list using the scroll-bar and prevent them from scrolling, by hovering over the entry at the top of the list.</p>
  
  <p>You can see an example of a drop down list, which allows people to scroll through to the top of the list, by hovering over the first entry by looking at this <a href="https://codepen.io/Joshimoto/pen/qQLyoO" rel="nofollow noreferrer">Codepen</a>.</p>
  
  <pre><code>&lt;!-- https://codepen.io/Joshimoto/pen/qQLyoO --&gt;
  </code></pre>
  
  <p>It would be great to only allow them to do this, by using the scroll bar, but at the same time not removing their ability to select an option from the list.</p>
  
  <p>Any help or suggestions would be extremely helpful!</p>