Streaming live at 10am (PST)

Strange behavior - Modal menu animation


#1

Hello Community,

I’m having some strange behavior with my mobile menu.
The animation was playing very smoothly, as planned, but suddenly, it started to play with some “lag”.

Here is a screen recording:

Here is the read-only link: https://preview.webflow.com/preview/preprod-pediatrie-nyon-ch?utm_source=preprod-pediatrie-nyon-ch&preview=e33509cf3fee1cdee2e6a961182e3dd0

Here is the live staging URL: http://preprod-pediatrie-nyon-ch.webflow.io/

The easing of the nav links elements are supposed to be set to “swing to”

Does any of you have an idea what is happening here?

Thanks a lot :pray:


#2

Hi @Laurent_Hayoz, after taking a closer look at your site, I think the laggy behavior may be due to CSS styles on the link elements.

If you refer to the below screenshot, I’ve highlighted the transition: all property.

In general, it is best to avoid this property whenever possible. It especially causes issues with IX2 (and other JavaScript-based animations).

Hopefully this helps! Please let us know if removing this fixes the lag for you.

Note: If you must use this property on your site links, then I would suggest changing the IX2 target to a nested div wrapper so they aren’t operating on the same elements.


#3

Wow @danro !
Thanks a lot for your help, works like a charm :grinning: !


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.