Прокрутите новую страницу вверх при загрузке или по клику

Question

Я использую barba.js, чтобы добавить новые страницы. Код должен быть помещен между оболочкой barba div. Когда я нажимаю на ссылку на новую страницу, новая страница исчезает в той же позиции, в которой находилась предыдущая страница. Поэтому, если пользователь нажимает ссылку рядом с нижним колонтитулом, новая страница загружается рядом с нижним колонтитулом, который я не хочу Как я могу получить новую страницу для загрузки вверху? Я попытался добавить класс к ссылкам:

<a class="foo" href="newpage.html">link</a>

и добавив это в нижний колонтитул (внутри обертки barba, как и все остальные js):

<script>
    $(".foo").click( function() {
        $(window).scrollTop(0);
    });
</script>

но это не работает

Answer 1

Нашел ответ. На Барба JS вы должны добавить:

$(window).scrollTop(0);
if ('scrollRestoration' in history) {
    history.scrollRestoration = 'manual';
}

к вершине

fadeIn: function () {

Answer 2

Для меня было только одно решение, которое работает:

      barba.hooks.enter(() => {
document.body.scrollTop = 0;
});