2010-12-23 35 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); 
相關問題