What are your best practices for scroll-based animations?

I made a LP with scroll animations I’m really proud of. BUT it only looks good when used with a trackpad on a lap/desktop. With a mousewheel it’s no longer smooth, and on a mobile devices the alignment breaks when the address bar (etc) changes the viewport height.

This is probably a common issue with animations. How do you guys handle it? Is there a best practice?