转到#top页面

Question

每次有人点击导航按钮时,我都试图让jquery移动到页面顶部.

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

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

我的代码:

$(document).ready(function(){
    $("#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);