Today I learned the existence of scroll-margin, which I’ve missed from the beginning.
Browser support is not ideal (especially ios and also old browsers) but decent.
If you have any anchor in your page, it’s nice to set something like:
.myanchor {
scroll-margin-top: 73px;
}
This way, the top screen does not eat your anchor title ^^
Before:
After:
