Блог

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

Это код, который я использую для прокрутки в нужную карту:

 //sroll to calendar
  async calendar() {
    this._router.navigate(["/Home"]);
    const elmntToView = document.getElementById("Calendar");
    elmntToView.scrollIntoView({behavior: 'smooth'}); 
    this.toggleHidden()
  }

  //scroll to export
  export() {
    this._router.navigate(["/Home"]);
    let elmntToView;
    elmntToView = document.getElementById("Export");  
    elmntToView.scrollIntoView({behavior: 'smooth'});
    this.toggleHidden()
  }
 

Сначала я перехожу на правильную страницу (Home), а затем вызываю метод document.getElementById(), но это выдает мне ошибку:

Есть ли какой-нибудь способ это исправить? Мне кажется, что docment.getElementById() вызывается до завершения навигации, но я также пытался дождаться навигации, но это по-прежнему вызывает ту же проблему…