Link to Anchorpoints not working on iOs Mobile Phones

Design help General
1

Hi together,
lately weve run into quiet the issue with Links to anchorpoints on our Websites in iOs mobile devices. When clicking on the “Kontakt” button on the top right you should be transported to the “kontakt” section of the current page. It works fine on any Desktop, Android phones but not on iOs phones.Not chrome nor safari. It will just bring you down to a certain point. My thought is that iOs might be not loading past a certain point on a long website, but I havent really found anything regarding that from google.
While testing around it seems like the link will always bring you down to a certain point but no further. if the anchor section is further at the beginning of the page, the link works without a problem.
If I delete some of the prior sections for example, it will instead jump to a section a little further down. But deleting or hiding or making sections smaller isnt really an appropriate fix.
Since I personally do not own any Apple product its hard for me to even check it but some collegues use iPhones. Has anyone experienced similiar issues and might know a way around this? because this also affects some of our older websites we ve done.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi Yannic, a few tips-

Tools like Browserstack can help a lot but at some point it’s cheaper to just buy a used iPhone for testing. Device variety is a problem all web devs have to face.

Scrolling wise, I’d try the basics first. Clone that page, and set all images so that they are loading immediately ( not lazy load ), and remove all interactions, particularly those that e.g. hide sections until scroll-into-view. Publish that cloned page to staging ( or pwd protected ) and test it on your phone. That will help you narrow down quickly where the problem lies.

Ideally you’d do this with an iPhone handy so that you can remove interactions, publish, test, remove lazy loading, publish, test, and you’ll find it faster to isolate the problem.

1 Like