@jy15
I had the same issue on my website, but turns out I didn't implement the class properly.
I just did and it works great for me. I read your post and you seem to do it right too. Maybe squarespace rolled out an update?
For me it works well now on desktop : chrome and safari and on the iphone: chrome and safari
My anchor code:
<b>
<p2 id="air" class="anchor-link">HOW FRENCH HAS BENEFITED ME
</p2>
</b>
then #air on the text I want to link to this section,
my custom CSS:
html {
scroll-behavior: smooth;
}
.anchor-link{
scroll-margin: 50px;
}
Check it out at www.joshuabalata.com/french