Require Animation on scroll up/down.
Hello guys can you suggest a good library or other trick to achieve one animation.
Animation will work like, on scroll up parts of the objects will moves to up. And on scroll down moves to down. Let’s think object like watch and parts of the watch is moving up and down.
4 Replies
watch todays yt-video from Kevin about doing a parallex effect in css. think this same method will work for you
otherwise there is also js scroll events and js intersection observer.
depends a bit on what you really want to accieve. Hard to tell without more context/example
https://www.danielroth.com/ This is the reference website I need to copy this watch image animation in my project, image will be something else.
Daniel Roth - Official Website
In the coming weeks, discover all the news regarding Daniel Roth's brand relaunch and rediscover it through the history and historical models of this world famous luxury watch manufacturer.
Went in dev tools and it's built with a canvas. I have no experience with canvas so can't help you much outside of that
haha, went to thefwa as well?
It's not all canvas, but tons of js as well, like I did this custom scrolling here https://codepen.io/Christian-Lorenz/pen/jOdPmjN
canvas is mainly used for this animation play on scroll.