Webflow Scroll Flip Interaction

Get the cloneable for this project (affiliate link)
try.webflow.com/tricks?path=n...
Join my Webflow Wizards Community
/ timothyricks

[@gamalieljustinflores5109]

Everytime I think of doing something, your tutorial is always on point.

[@timothyricks]

Thanks so much!

[@deskiterdesign]

oh man your ideas are genius

[@shanmc777]

Nice one, please do more tutorials on native webflow interactions❤.

[@TestBot-uq7nh]

dang dude! i learned so many things in this tutorial! now i know how to use ratio to make sizing simple❤ thanks ❤

[@joecolenetsamuel2045]

you always make very easy to learn 🤗 Thank you Tim!

[@-icreate_visuals-]

Thank you Tim. You do a great work on tutorials. Shine on 🤩

[@desiva]

You are such a nice teacher, thank you very much!!!😊

[@timothyricks]

Thank you!!

[@Deskofmj]

I love that interaction, i'm currently using it in my old website that i'm currently changing because i currently hate it lol

[@iliutacristian8322]

it would help if you had therapy

[@MACH_SDQ]

Goooood

[@CobabeCreative]

Something is set wrong for this to work on mobile. When you view it in webflow it displays correctly but when you publish and view on your phone it is 10x smaller. So small I thought it was missing until I looked at your example on my phone and saw the same shrinking. Thoughts on why this is happening and a fix?

[@timothyricks]

Thanks so much for the heads up! This is from a bug with the way Safari handles flexbox. Removing the flexbox stretch styles and applying a height: 100% instead solved it. I just updated the cloneable to a fixed version.