我试图让jquery在每次有人单击导航按钮时移动到页面顶部。
当点击某个按钮时,它会隐藏旧的内容并显示新的内容,但它不会重置浏览器滚动位置,因此最终用户会感到有点困惑。
所以我想添加一些window.location.hash
JS命令来解决这个问题,但这只在第一次执行时起作用。
我的代码:
$(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"; }); });
如果要操纵滚动位置,直接操作即可:
window.scrollTo(0);
您想要滚动:
$(window).animate({scrollTop:0});
这是JQuery的方法。