Tab Change Trigger Animation Triggered On Page Load

Design help Animations & Interactions
1

Hi there,

I’ve been working on a client project utilizing the tab change trigger animation. All seems good, apart from the fact that it seems to get triggered on page load.

I’m using this animation trigger to move a div containing text that’s specific to each tab. The div is separate from the tabs components themselves (the design utilizes 2 tabs components). The animation seems to work as expected when clicking through and changing the tabs however on the initial page load it seems to skip to the 50% mark of the div containing the content which is intended for the second tab.

I’ve been trying to see if a page load animation is affecting this div, but there’s not the case.

Any help here would be highly appreciated.

The tabs component is located:
PAGE - EmployeeInste - Overview
Section - section_ei-fw-components

Here is my public share link: Webflow - Ledgestone

2

Hi Peter, tricky one this haha but hope this helps!

1 Like