Накратко
Отстоянието се задава върху целта на превъртането.
Полезно е да знаеш
scroll-margin-top разширява горната област, която се отчита около целевия елемент при позициониране чрез превъртане. Така заглавие с вътрешна връзка може да остане под фиксирана горна лента. [1]
Пример: h2[id] { scroll-margin-top: 6rem; }. Стойността не добавя обичайна празнина между заглавието и предходния абзац. Тя се използва за поведението на превъртането. Сравни я с реалната височина на менюто при тесен екран, когато то може да се разположи на два реда. Проверявай и директно зареждане на адрес с фрагмент.
Източници
За повече подробности и проверка на информацията: