首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >滚动到页面顶部

滚动到页面顶部
EN

Stack Overflow用户
提问于 2012-05-25 05:23:02
回答 4查看 59.8K关注 0票数 24

有没有一种简单的方法来强制浏览器滚动到顶部,如果一个按钮被点击?

我试过了

代码语言:javascript
复制
jQuery('html').scrollTop();
jQuery('body').scrollTop();
jQuery(window).scrollTop();

它们似乎都不会滚动到页面的顶部。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-05-25 05:30:56

由于跨浏览器的奇怪,一些浏览器会响应'html',而另一些浏览器会响应'body'。也许这只是我的运气,但.scrollTop(0)从来没有为我移动页面工作过。试一试:

代码语言:javascript
复制
jQuery('html,body').animate({scrollTop:0},0);

此版本经过测试,适用于所有桌面浏览器和移动设备。

票数 56
EN

Stack Overflow用户

发布于 2012-05-25 05:32:28

简单的纯javascript,也适用于移动设备。

代码语言:javascript
复制
window.scrollTo(0,0);
票数 32
EN

Stack Overflow用户

发布于 2012-05-25 05:23:47

您可以使用以下两种方法之一:

代码语言:javascript
复制
jQuery('body').scrollTop(0);

或者这样:

代码语言:javascript
复制
jQuery(window).scrollTop(0);

或者最后是这个:

代码语言:javascript
复制
jQuery('html').scrollTop(0);

因此,为了调用scrollTop方法并使页面滚动,您应该传递一个带有表示scrollTop位置的数值的参数。否则,它的工作方式就像你需要获得scrollTop职位一样。

最后两种方法应该在所有浏览器中持续工作,而第一种方法可能在IE的某些版本中不起作用。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10745485

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档