转到#页面顶部答案

【问题标题】：goto #top of page转到#页面顶部
【发布时间】：2012-10-04 22:53:24
【问题描述】：

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

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

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

我的代码：

$(文档).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"; }); });

【问题讨论】：

尝试只使用带有空href #的链接
它不起作用，因为它已经是#top。您应该清除它并重新设置它。但正如duskwuff 所提到的，只使用.scrollTo 是一种更好的做法。
我在发布后尝试了 clear 选项，是的，它确实有效，但正如你所说，使用 .scollTo 是更好的做法

标签： jquery

【解决方案1】：

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

window.scrollTo(0);

【讨论】：

谢谢，这正是我所需要的。我做了一个谷歌移动到顶部或滚动到顶部，但我检查的顶部结果都没有这个。

【解决方案2】：

你想要滚动顶部：

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

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

【讨论】：