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>
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;
Use iscroll 4 http://cubiq.org/dropbox/iscroll4/examples/simple/ this will give best solution
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With