在加載或單擊時將新頁面滾動到頂部

Question

我正在使用 barba.js 淡入新頁面。代碼必須放在 barba 包裝器 div 之間。 但是，當我單擊指向新頁面的鏈接時，新頁面會在與前一頁相同的位置淡入。因此，如果用戶單擊頁腳附近的鏈接，新頁面會在其頁腳附近加載，我不想。 如何讓新頁面加載到頂部？ 我嘗試向鏈接添加一個類：

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

並將其添加到頁腳（像所有其他 js 一樣在 barba 包裝器內）：

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

但它不起作用。

Answer 1

找到了答案。 在 barba js 上你必須添加：

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

到頂部

fadeIn: function () {

Answer 2

對我來說，只有一種解決方案有效：

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