webflow-page-transitions

Fix janky Webflow page transitions by coordinating Taxi.js leave and enter phases with module lifecycle hooks. This ensures components are destroyed and initialized at the correct times, preventing inconsistent navigation.

GSAP animations break during Webflow page transitions when async hooks do not return Promises. Using onPageIn and onPageOut hooks ensures animations correctly wait for promises to resolve before proceeding.

Prevent Taxi.js transitions on specific Webflow links by adding the data-taxi-ignore attribute to the anchor tags. This selectively disables the transition manager for those elements.

Ensure JavaScript modules mount correctly after a Webflow page transition by matching the data-module attribute on the destination page. The transition manager handles initialization when these attributes align.

Yes, Taxi.js handles scroll-to-top behavior automatically during the transitionOut phase of Webflow navigation. This ensures the new page loads with the viewport correctly positioned.

Mismatched module markup issues during Webflow navigation transitions are caused by missing or incorrect data-module attributes on the destination page, preventing the transition manager from properly initializing the expected components.