How to prevent scroll lag on Safari Mobile (iPad)?

css, html, ipad, jquery-mobile, mobile-safari

Solution

Ok, thanks to the iScroll4 plugin I got a new trick for iPad Web Developpers. Apparently it works way better with this CSS :

overflow-y: scroll;
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;

While this lag like hell :

overflow: auto;

Problem

I have a simple html5 page with 3 divs inside. If I only allow the 3rd div to scroll i get some aweful lags and touch responsivness is weird. Any ideas? ``` <html> <body style="overflow:hidden"> <div> BLA1 </div> <div> BLA2 </div> <div style="overflow: auto;"> BLA3 overflow is here </div> </body> </html> ```

Original source