Как на самом деле работают свойства CSS «scroll-margin-top» и «scroll-padding-top» ⇐ CSS

[Гость]

На первый взгляд это выглядит просто, и в конце события прокрутки вверху будет применено поле (или отступ).

Это полезно, когда вверху есть липкий элемент. Затем, когда щелкают ссылку и прокручивают страницу вниз, было бы неплохо, если бы этот элемент «пропускался» при прокрутке.

В этой статье это очень хорошо объясняется: https://css-tricks.com/fixed-headers-an ... argin-top/

Я мог бы заставить это работать на действительно простых примерах, и это работает. Однако я пытаюсь заставить это работать на обычном веб-сайте, но не могу. Думаю, мне (или вообще?) что-то непонятно в том, как это работает.

Пожалуйста, посмотрите здесь: https://meowapps.com/media-cleaner/tuto ... brary_Scan

При нажатии на ссылку справа она прокручивается, но элемент scroll-padding-top полностью игнорируется. Я пробовал много методов, перемещая свойство CSS в разные места кода, но это ничего не дало.
Вы видите, в чем дело? В идеале было бы здорово найти реальную причину и, возможно, иметь объяснение, почему это не работает в данном случае, и описать, что на самом деле представляет собой этот случай.