在加载或单击时将新页面滚动到顶部

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;
});