Jump to content

Flex Animation - insert manually for specific sections

Recommended Posts

Hi all -

I have a client side, with a header section that is set to reveal the section beneath it. The section beneath it is built to be 200vh height, with the content itself sticky, to implement this feature. Because of this, when the section scrolls into view, the flexIn class has already been applied and SS' Flex Animation doesn't execute on time.

 

I used script to remove and apply the class once the user has scrolled down 80vh, but the animation wasn't operating correctly. I attempted to scope SS's css manually, but it keeps fading in, I can't get the same effect to execute.

 

Any css ideas or solutions greatly appreciated!

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.