Skip to main content
Question

Issue with complex 'After Delay' > 'Navigate to' animations


I’ve set up a placeholder for an incoming experience I haven’t kicked off dev for yet–and I know I’m pushing these animations out of scope–but I was wondering if anyone else has observed this?

What animations I’m using:

Interaction details: After delay (1600ms) > Navigate to > ‘Variant frame’
Animation: Dissolve, Gentle (3200ms) - *Smart animate causes issues with scroll
State management: Preserve scroll position (Yes)

Use case:

I essentially have (4) colorways for this experience, and I want them to gently cycle through on load.

What I’m seeing:

The issue is that when scrolling, the foreground elements (Text and vectors) jump when the dissolve ends at 3200ms.

Link to project - https://www.figma.com/file/D7rmZ7LRe11OOPVM4D10tZ/Personal-Website-%2B-Facilitate.Design-%2B-Williams-Made?node-id=144%3A65860&t=5dyB743vN582mwvU-1

(I couldn’t figure out a way to leverage components and variants for this, but I suspect this would happen in that instance too.)

I know this is an edge case but maybe there’s a way to fix this in the short run.

Cheers,

-a

This topic has been closed for replies.

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings