CODEWITHSUNDEEP
htmlipadcss
anusreemn
anusreemn

Reputation: 1047

How to fix increasing Scrollbar thumb size while scroll of a div in iPad

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??

position: absolute;
max-height: 200px; 
overflow-y: scroll; 
overflow-x: hidden;

The above is the basic style set for the element.

This is how it looks in iPad as scrolled to almost bottom of the div. enter image description here

This is the expected behaviour : enter image description here

Upvotes: 4

Views: 967

Answers (1)

Kunsang
Kunsang

Reputation: 402

Try to use native scrolling with: -webkit-overflow-scrolling: touch;

Safari Developer Library Reference

I tried to reproduce this behaviour with the ipad simulator http://codepen.io/anon/pen/kApKB

The problem could also be the variable height.

Upvotes: 1

Related Questions