`Scroll-Margin-Top` не может сметить якорный прокрутку в Angular App ⇐ Html

[Anonymous]

У меня есть фиксированный заголовок в моем угловом применении. При навигации по привязке ссылок, используя #, целевой элемент прокручивается за заголовком. Я хочу создать некоторое расстояние, чтобы под заголовком появился контент, не скрытый за ним. В частности, я добавил следующий CSS: < /p>

Код: Выделить всё

[id] {
scroll-margin-top: 100px;
}

Тем не менее, это, похоже, не оказывает никакого влияния при навигации по элементам через якорные ссылки (например, #section1).
Я смог решить проблему, добавив следующий код в app.component.ts :
:


Подробнее здесь: https://stackoverflow.com/questions/796 ... ngular-app