Scrolling slow on mobile/ios when using overflow:Scroll Scrolling slow on mobile/ios when using overflow:Scroll ios ios

Scrolling slow on mobile/ios when using overflow:Scroll


Rather than a performance issue this is likely that your not seeing 'Momentum' scrolling on your iOS device

This can be solved by adding '-webkit-overflow-scrolling:touch' to your scrolling element i.e:

.scrolling-content {   overflow-y: scroll;   -webkit-overflow-scrolling: touch;   height:100%; /*A value other than height:auto needs to be set*/}

By default iOS devices use 'momentum' scrolling on the body but adding 'overflow-y:scroll' to an element does Not set a element to 'momentum' scrolling by default

See https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling for more info

Note: there's a number of Gotcha/Bugs with using -webkit-overflow-scrolling: touch on certain browsers