title: How to fix increasing Scrollbar thumb size while scroll of a div in iPad
body: <p>The scroll-bar thumb size keeps increasing when I scroll a 'overflow-y:scroll' div in iPad. Any idea how to fix this design break??</p>
  
  <pre><code>position: absolute;
  max-height: 200px; 
  overflow-y: scroll; 
  overflow-x: hidden; 
  </code></pre>
  
  <p>The above is the basic style set for the element.</p>
  
  <p>This is how it looks in iPad as scrolled to almost bottom of the div.
  <img src="https://i.stack.imgur.com/qbOpM.jpg" alt="enter image description here"></p>
  
  <p>This is the expected behaviour :
  <img src="https://i.stack.imgur.com/wGPRz.png" alt="enter image description here"></p>