On iOS devices, opening the navigation menu causes the page to 'restart,' displaying the menu at the top instead of at the point where it was triggered

Design help Custom code
1

Hi everyone, I’m experiencing an issue with the navigation menu on iOS devices.

I’m using custom code that prevents the page from scrolling when the navigation menu is opened. This works fine on Android devices, but on iOS, opening the navigation menu causes the page to ‘restart,’ displaying the menu at the top instead of at the point where it was triggered.

The custom code:

Best regards,
Mateo

Here is my site Read-Only: Webflow - Mateo Flow

1 Like
2

Hi Mateo,

iOS devices handle scrolling differently from other platforms due to Apple’s platform restrictions. When users scroll on an iPhone or iPad, the browser temporarily stops running JavaScript to optimize performance. This can affect scroll-triggered animations and interactions on your Webflow site.

To work around this limitation, consider using alternative triggers like click events or viewport-based animations that don’t rely on scroll events. You can also implement touch events or intersection observers, which tend to work more reliably on iOS devices.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like