On Page Links - Safari / iOS Bug

Community resources Bugs
1

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

Here is the page:

https://hartmann-hotel.webflow.io/

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…

Thanks!

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

2

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…

3

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