Создание скроллинга в Angular 7

Question

Я пытаюсь создать прокручивающуюся навигационную панель в моем приложении Angular 7.

Функциональность должна быть такой:

Когда пользователь нажимает на любую из ссылок панели навигации, страница прокручивается плавно в этот раздел (с указанным идентификатором), и ссылка панели навигации должна иметь активный класс.

Также, когда пользователь прокручивает этот раздел, ссылка на меню также должна обновляться активным классом (например, на основе OffsetY)

как то так: Прокрутка Nav

Answer 1

Вы можете использовать оконную функцию scrollTo, чтобы получить требуемое поведение:

scrollTo

Об идеальном подходе, чтобы получить точные пиксели, я не уверен.