On Page Links - Safari / iOS Bug

I have set up a small page with on page navigation and discovered an undesired behaviour.

Here is the page:

On Page Navigation works fine in all browser.

If you navigate to a subpage https://hartmann-hotel.webflow.io/datenschutz and then click on “Kontakt” in the main nav it first navigates to the right section but then jump up about half a screen.

Safari and iOS only.

And idea where this comes from and how to fix it?

In general - is there a better way to offset the scroll position of a link than using some absolute positioned element? I don’t find that to be a very clean solution. I read some threads suggesting custom attributes, but none of that worked for me…


Here is my site Read-Only: https://preview.webflow.com/preview/hartmann-hotel?utm_medium=preview_link&utm_source=designer&utm_content=hartmann-hotel&preview=512c891b4197d2897ab0f185dc25fe9e&mode=preview

Found out what it was.

There was a instagram widget on the same page and it loaded after the scroll js and so offset the scroll position once it then loaded.

I applied a min height to the html element of the widget and it fixed the problem…

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