Safari iOS jitter
Closed this issue · 2 comments
I was working on something and then tested it on my iPhone. There, the animation isn't smooth at all and it looks like it performs in a very low frame rate.
I opened https://react-scroll-parallax.damnthat.tv/docs/examples/how-it-works on my iPhone and there I can notice the same issue. It's bearly visible when speed is close to 0. But when fast, it's very noticeable!
If this is like this, I will have to find another library. (I use it on my home page, I cannot afford to have this for iPhone users!)
Perhaps your iPhone is in low power mode which will cause a significant reduction in the performance of effects like this.
Regardless JavaScript scroll effects can always result in some jank. You can use native CSS scroll driven animations for better performance if you like.
Yes when disabling low power mode it's better. I now switched to using framer motion, it suits my needs better anyway.