Streaming live at 10am (PST)

Trouble with Page Transition Effect across browsers


#1

Hello all,

I have been trying to implement the page transition effect as described here. It’s the slide over one:) Webflow workshop #114 https://webflow.com/workshop/creating-a-page-transition-effect

I have implemented the jquery code in the site footer, and I have managed to get the CSS interaction working within the interaction preview. What I’ve found is that on the published site in Google chrome the effect is rushed and glitchy. The jquery is set to 1000 (I think this is the time delay), and the interaction is the same. In Safari, it doesn’t work at all.

I’ve applied it to the about link in the navigation/about page transition.

Any thoughts on how to get this working reliably - 1. It is in the correct timing and not glitchy 2. It works across browsers?

Many thanks,

Andy


P.S. you need to go to the page called home in the side menu. Thank you

Here is my site Read-Only: https://preview.webflow.com/preview/eido?preview=b4a8a3970d784771abfee99f718c4b59

The published site is at eido.webflow.io/home