滚动到页面顶部

Jam*_*son 22 jquery

如果单击按钮,是否有一种简单的方法可以强制浏览器滚动到顶部?

我试过了

jQuery('html').scrollTop();
jQuery('body').scrollTop();
jQuery(window).scrollTop();
Run Code Online (Sandbox Code Playgroud)

它们似乎都没有滚动到页面顶部.

Fre*_*all 51

由于跨浏览器奇怪,一些浏览器将响应'html'和一些'body'.也许这只是我的运气,但.scrollTop(0)从来没有让我移动页面.试一试:

jQuery('html,body').animate({scrollTop:0},0);
Run Code Online (Sandbox Code Playgroud)

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


Mar*_*rio 29

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

window.scrollTo(0,0);
Run Code Online (Sandbox Code Playgroud)


Vis*_*ioN 6

你可以使用这个:

jQuery('body').scrollTop(0);
Run Code Online (Sandbox Code Playgroud)

或这个:

jQuery(window).scrollTop(0);
Run Code Online (Sandbox Code Playgroud)

或者最后这个:

jQuery('html').scrollTop(0);
Run Code Online (Sandbox Code Playgroud)

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

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