title: How to effectively make div scrollable on hover only, and have it stay in that position when not hovering?
body: <p>I know I can make a div scrollable on hover by using a fixed height, and by using <code>overflow:none</code> normally, and <code>overflow-y: scroll</code> on hover.</p>
  
  <p>However, my div is a list of 30 items, and height 50px. If I hover, and scroll down to the 25th item, then move cursor out, the div changes to show the first few items (i.e. top of the div), NOT where I was previously just before moving cursor out.</p>
  
  <p>How can I keep div in same position when I've hovered out?</p>