NavigateEvent: метод scroll()

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

Нет.

Нет (undefined).

InvalidStateError DOMException

Выбрасывается, если текущий Document ещё не активен или если навигация была отменена.

SecurityError DOMException

Выбрасывается, если событие было вызвано методом dispatchEvent(), а не пользовательским агентом.

В этом примере перехвата навигации функция handler() сначала извлекает и отображает содержимое статьи, а затем извлекает и отображает дополнительное содержимое. Логично прокрутить страницу к основной статье, как только она станет доступна, чтобы пользователь мог с ней взаимодействовать, а не ждать, пока отобразится дополнительное содержимое. Для этого мы добавили вызов scroll() между двумя операциями.

navigation.addEventListener("navigate", (event) => {
  if (shouldNotIntercept(navigateEvent)) {
    return;
  }
  const url = new URL(event.destination.url);

  if (url.pathname.startsWith("/articles/")) {
    event.intercept({
      async handler() {
        const articleContent = await getArticleContent(url.pathname);
        renderArticlePage(articleContent);

        event.scroll();

        const secondaryContent = await getSecondaryContent(url.pathname);
        addSecondaryContent(secondaryContent);
      },
    });
  }
});

• Современное клиентское маршрутизирование: API навигации
• Разъяснение API навигации
• Демонстрация API навигации Domenic Denicola's живой демонстрации