将新页面滚动到加载或点击时的顶部

时间:2019-07-12 05:29:30

标签: javascript scroll barbajs

我正在使用barba.js淡入新页面。必须在barba包装器div之间放置代码。但是,当我单击指向新页面的链接时,新页面会淡入到与上一页相同的位置。因此,如果用户单击页脚附近的链接,则新页面将在其页脚附近加载。不想要如何将新页面加载到顶部?我尝试将类添加到链接中:

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

并将其添加到页脚中(像其他所有js一样,在barba包装器内部):

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

但它不起作用。

1 个答案:

答案 0 :(得分:1)

找到了答案。在barba js上,您必须添加:

            if nodes.left:
                nodes_to_search.append(nodes.left)
            if nodes.right:
                nodes_to_search.append(nodes.right)

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