2010-12-23 82 views
4

我想动画滚动效果,使用户点击一个元素时,页面的顶部。有点像锚定到页面顶部,但更平滑。jquery - 动画返回页首顶部点击

我已经看到完成了(不记得虽然在哪里)。

有谁知道这可以做到吗?

回答

19

希望将scrollTop财产.animate()0,像这样:

$("html, body").animate({ scrollTop: 0 }, 500); 
+0

`$( “HTML,身体”),动画({scrollTop的:0},{时间:500,队列:假)。 ;`只是为了确保 – Hannes 2010-12-23 12:53:11

-1

我用碧浪Flesler的localscroll插件做了很多次...... http://demos.flesler.com/jquery/localScroll

+2

插件真的是过度杀伤了,因为它可以用我的答案中非常简单的代码来完成......没有插件,只需要jQuery核心。 – 2010-12-23 12:47:58

2

你可以试试这个:

$('#somewhere').click(function(){ 
    $('html, body').animate({scrollTop:0}, 'slow'); 
}); 
0

您可以将此代码放在文件加载上,例如为顶部设置动画

$("html, body").animate({ scrollTop: 0 }, 1000); 

而且你可以激活一个especific元,喜欢

$("html, body").animate({ scrollTop: $('.my-element').offset().top }, 1000);