Hiding overflowing content when using IX 2.0 animations

Design help General
1

Hey guys!

Been having a blast with the new IX 2.0 features, but im running into the issue of overflowing content affecting the layout of my site whenever I animate an element off the page to the right.

Heres a link to the problem site: http://funco.webflow.io/

In the TEAM section the header animates to the right when you scroll further down, but then the overflow content is visible. When I set the body to OVERFLOW HIDDEN the page becomes un-scrollable.

Any idea why this could be happening?

2

You need to set overflow:hidden on the parent container of the element you are animating. If that parent is the body, then create a section to house the element, position that with a 100vw width and set THAT to overflow:hidden.

3

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