Проблема перехода с компонента в компонент в angular?

Question

[mavirys]

Есть проект который сделанный на angular
Есть меню и так же есть ссылки которое находить на главной странице например дома
И вот если нажать на эту ссылку он перекидывает на компонент где идеи речь о домах но проблема в том что он переходит криво
Допустим ты в середине главной странице значит и в компонент о домах ты перейдешь в середину
Не в начало компонента а где то в середине и я вот не знаю что делать
А вот меню все хорошо работает
Подскажите что делать
Просто теряется весь смысл
Если главная часть о дома идет в начала блока а перекидывает на середину
Да перехода использую routerlink

Comments

[Константин Гусев]

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

Чтобы решить эту проблему, можно использовать метод
scrollTo()
объекта
window
, который позволяет установить позицию прокрутки страницы в определенное место. Например, можно вызвать метод
scrollTo()
в методе
ngOnInit()
компонента, чтобы установить позицию прокрутки в начало страницы при загрузке компонента.

Пример использования метода
scrollTo()
для установки позиции прокрутки в начало страницы при загрузке компонента:

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
    window.scrollTo(0, 0);
  }

}

By ChatGPT - я не смыслю