Streaming live at 10am (PST)

[resolved] Objects slide in (like on the Webflow homepage)


#1

Hey people!

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

Any help much appreciated!

Ta,
Jamie


#2

We need more info (: how do you try and what "bad times" means?


#3

also

Can you please share your project’s public link so it's easier to understand your issue?

Learn how to do it here: http://help.webflow.com/sharing-your-public-webflow-site-link


#4

Hi Vincent thanks for your reply,

I just tried this URL for my site on a different computer and it seemed to work http://jamiesamman992.webflow.com/.

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

Cheers,
Jamie


#5

Not your site link, the public link, the read only version. Follow my links.


#6

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.


#7

Hi Vincent,

Sorry I can't seem to find this elusive share button! (think it may be because I'm still on a free plan)

That overflow command sounds like it will do the trick, spot on.

Thanks very much,
Jamie


#8