Weiß jemand, wie man Snap-Scrolling in Angular implementiert? ⇐ CSS

[Anonymous]

Meine Seite besteht aus 3 Komponenten: „Navigationsleiste“, „Produktdetails“ und „Fußzeile“, wie im Bild dargestellt.
Seitenstruktur
Wie Sie sehen können, besteht die Produktdetailseite aus 3 Abschnitten. Jeder von ihnen außer dem ersten (100vh – 4,5rem) hat eine Höhe von 100vh.
Ich möchte Snap-Scrolling für jeden Abschnitt in den Produktdetails verwenden (wenn ich bis zur Hälfte des ersten Abschnitts scrolle, scrollt es automatisch zu Abschnitt zwei usw.).
In reinem HTML- und CSS-Code müssen Sie Eigenschaften anwenden, die mit Eltern-Kind verbunden sind Beziehung:
HTML:

Code: Select all

CSS:

Code: Select all

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

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

Weiß jemand, wie man Snap-Scrolling auf Abschnitte in Angular anwendet?
Vielen Dank im Voraus.
Ich möchte den Effekt: https://alvarotrigo.com/fullPage/