← ТехнологииНай-важното за

scroll-margin-top за заглавие под фиксирано меню

Издател: ResumeMaker • 1 източника

Публикувано: 21.10.2026 14:07 · Променено: 21.10.2026 14:07

AI проверка по източници: 21.10.2026 13:48. Не е редакторско одобрение.

В няколко изречения

Накратко

Отстоянието се задава върху целта на превъртането.

Полезно е да знаеш

scroll-margin-top разширява горната област, която се отчита около целевия елемент при позициониране чрез превъртане. Така заглавие с вътрешна връзка може да остане под фиксирана горна лента. [1]

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

Източници

За повече подробности и проверка на информацията:

  1. [1] MDN — scroll-margin-top ↗