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

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

找到了答案。在 barba js 上，您必须添加：

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

到顶部

fadeIn: function () {