I was looking at the Webflow homepage https://webflow.com/ and how as you scroll down to elements, they slide and fade in from off the page. I’ve figured out how to do scroll activated animations, but the thing I’m struggling with is having objects that are off the page and move in.
Here’s my URL http://jamiesamman992.webflow.com/ I’m basically trying to have the 2 circles (they would be much larger) move in from off the page, but everytime I try it extends the window to fit the object off the page, bad times!
Oh and here’s a screenshot of what the animation looks like in Hype but I’ll animate it myself in Webflow
Haha in terms of the objects extending the size of the window, you can see if you scroll right there is some white space to the right of my site, this is what I meant by extending the window. Here’s a screengrab of my window after I scrolled fully right
But anyway, select the container, the section that contains the interaction, and give it the property overflow:hidden in the style tab. It should fix it.