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

[Anonymous]

На первый взгляд это выглядит просто, и в конце события прокрутки вверху будет применено поле (или отступ).
Это полезно, когда есть липкий элемент. элемент вверху. Затем, когда щелкают ссылку и прокручивают страницу вниз, приятно, чтобы этот элемент «пропускался» при прокрутке.
В этой статье это очень хорошо объясняется: https:// css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/
Я мог бы заставить его работать на действительно простых примерах, и это работает. Однако я пытаюсь заставить это работать на обычном веб-сайте, но не могу. Думаю, мне (или вообще?) что-то непонятно в том, как это работает.
Пожалуйста, посмотрите здесь: https://meowapps.com/media-cleaner/tutorial /#Media_Library_Scan
При нажатии на ссылку справа она прокручивается, но элемент scroll-padding-top полностью игнорируется. Я пробовал много методов, перемещая свойство CSS в разные места кода, но это ничего не дало.
Вы видите, в чем дело? В идеале было бы здорово найти реальную причину и, возможно, иметь объяснение, почему это не работает в данном случае, и описать, что на самом деле представляет собой этот случай.

Подробнее здесь: https://stackoverflow.com/questions/725 ... -really-wo