jquery - 转到#页面顶部

Question

每次有人单击导航按钮时，我都试图让 jquery 移动到页面顶部。

当一些人点击按钮时，它会隐藏旧内容并显示新内容，但不会重置浏览器滚动位置，因此最终用户会有点困惑。

所以我想添加一些window.location.hashJS 命令来解决这个问题，但这仅在第一次执行时有效。

我的代码：

$(文档).ready(函数(){
    $("#prac-btn").click(function() {
        $('#myTab a[href="#prac-page"]').tab('show');
        window.location.hash = "#top";
    });
    $("#act-btn").click(function() {
        $('#myTab a[href="#act-page"]').tab('show');
        window.location.hash = "#top";
    });
    $("#pro-btn").click(function() {
        $('#myTab a[href="#pro-page"]').tab('show');
        window.location.hash = "#top";
    });
});

Answer 1

如果你想操纵滚动位置，直接这样做：

window.scrollTo(0);

Answer 2

你想要滚动顶部：

$(window).animate({scrollTop:0});

这是执行此操作的 JQuery 方式。