Prinzhorn / scrollmeister

Open-source JavaScript framework to declaratively build scrolling experiences
https://www.scrollmeister.com/
MIT License
37 stars 5 forks source link

Can someone please tell me why fake scrolling is so much smoother on IOS? #31

Open Prinzhorn opened 6 years ago

Prinzhorn commented 6 years ago

I've compiled a bundle with native scrolling (as described in #26).

Demos with fake touch scrolling: https://www.scrollmeister.com/demos/ Demos with native touch scrolling: http://playground.scrollmeister.com.s3-website.eu-central-1.amazonaws.com/demos/

Let's take the "Parallax ALL the things" demos. I open it and slowly but constantly scroll down until the end using my iPad 2 mini. The version with fake scrolling is buttery smooth. The native scrolling version has at least two huge janks at some point, pausing for maybe half a second.

Can someone with a Mac please fire up remote debugging and ask the performance monitor what's causing it?

https://www.scrollmeister.com/demos/parallax-all-the-things.html

vs

http://playground.scrollmeister.com.s3-website.eu-central-1.amazonaws.com/demos/parallax-all-the-things.html

If you have time feel free to compare the other demos as well. The jank can be observed in most of them.