Animations in Symbol are lost when added to a new page

Design help Animations & Interactions
1

Hello,

Hope somebody can help with this. I have created an animated navbar (think the term is Trailing Navbar), it slides down into the page when the page scrolls down and does the reverse when scrolling up (this could work better, but for now it’s ok). The problem is that I have converted it to a Symbol but when the Symbol is added to any new page the animation trigger relationships have been lost, it doesn’t work anymore.

You can see the site here Webflow - MacKenzie Civil

The page with the trailing navbar working is the page called ANIMATED TRAILING NAVBAR TEST

A test page with the Symbol added, but not working is TEST DARK PAGE BANNER ANIMATION.

Can anybody see what it is that I have done wrong?

Cheers
Grant

2

Hey @grantsenior

To reuse a page triggered interaction on multiple pages, the page trigger will need to also be re-created on each page.

Also the action targets will need to target those elements classes. See this article for further info.

Hopefully this helps get you going. If you have further questions, just ask.

1 Like
3

Thanks Matthew. Yes, it’s what I needed to know, cheers.

Grant

1 Like