Прокрутка вверх по углам после изменения маршрута и загрузки новых компонентов не работает

Question

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

Я хотел бы установить прокрутку вверх при каждом открытии компонента.

Поскольку я использую angular7, я попытался использовать опцию, доступную в маршрутизаторе,

{scrollPositionRestoration : 'enabled'}

затем

{scrollPositionRestoration : 'top'},

, но он не работал ни в Chrome, ни в мобильном Chrome, ни в Edge.

Кроме этогоЯ попытался настроить прослушиватель на маршрутизаторе и использовать window.scrollTop(0,0), что тоже не сработало, равно как и переменная document.

Я просто хочу, чтобы моя полоса прокрутки была сверху.Это такая наивная вещь, но она расстроила меня сейчас.

Answer 1

Спасибо Фриду. В моем случае мне пришлось применить прокрутку к «mat-box-content». работает как шарм.

Ответ от fridoo.

Maybe scrolling doesn't happen on the window but on some other element. You have to figure out what the scrollable container in your case is. e.g. I use a MatSidenav where scrolling happens on the mat-sidenav-content and use document.getElementsByTagName('mat-sidenav-content')[0].scrollTo(0, 0) to scroll to the top on router events.