angular – IOS anchor hyperlink scroll to part not working

I am going through a little bit of an odd concern, I’ve a website which has anchor part hyperlinks for navigation corresponding to this:<a href="#individuals">Individuals</a> ... <part id="individuals" ...>

It’s working for me on

• Linux-Chrome
• Android-Chrome
• MacOS-Chrome and safari

However does not work on IOS safari or chrome, a colleague has additionally been in a position to replicate this concern on IOS.

Apparently it really works positive on Xcode simulators and browserstack.

There are many issues which may very well be messing this up however I am undecided which one any recommendation?

I’m utilizing:
Angular
AOS
scroll-snap-type: y obligatory;
scroll-behavior: easy;