HOW TO. Scroll interaction

Design help Animations & Interactions
1

Hello everyone,

maybe someone could explain how to make this scroll effect:

photo of diving men zoom connected with scrolling.

Thanks

2

Very cool effect, but this is not something that could be explained. This is custom JS code with scroll animation in very invested site (a lot of lines :))

<script src="https://images.apple.com/v/apple-watch-series-3/a/built/scripts/hero/lib/AnimationBundles.built.js" async=""></script>

interactions-v2

Coming soon on webflow - “game changer” :slight_smile: will give you a lot more options for interactive sites
https://webflow.com/feature/interactions-v2

JS scroll-libraries

If you really want to learn some scroll animation libraries you can find this list (or google it):

Integrate this on webflow by adding custom code to the header/before body (a lot of awwWards sites use: http://scrollmagic.io/)

3

Thanks, I will try find similar custom code, because interactions V2 coming from february:

https://discourse.webflow.com/t/is-interactions-2-0-coming-soon/38653/24

4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.