Кто-нибудь знает, как реализовать прокрутку в Angular? ⇐ CSS

[Anonymous]

Моя страница состоит из 3 компонентов: «панель навигации», «сведения о продукте» и «нижний колонтитул», как показано на рисунке.
Структура страницы
Как видите, компонент сведений о продукте состоит из 3 разделов. Каждый из них, кроме первого (100vh - 4,5rem), имеет высоту 100vh.
Я хочу использовать быструю прокрутку для каждого раздела в сведениях о продукте (когда я прокручиваю вниз до половины первого раздела, он автоматически прокручивается до второго раздела и т. д.).
В чистом коде html и css вам необходимо применить свойства, связанные с отношениями родитель-потомок:
HTML:

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

CSS:

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

.parent{
overflow-y: scroll;
scroll-snap-type: y mandatory;
}

.child{
scroll-snap-align: start;
}

Кто-нибудь знает, как применить быструю прокрутку к разделам в Angular?
Заранее спасибо.
Мне нужен эффект: https://alvarotrigo.com/fullPage/

Подробнее здесь: https://stackoverflow.com/questions/753 ... in-angular