2013-05-02 14 views
9

ページを一番上にスクロールするページの一番下に配置したいと思います。しかし、私は、スクロール・プロセスにアニメーション効果を持たせたい。私はアニメートを使用することによって可能だと思うが、どのように考えていない?jqueryアニメートを使用してページの先頭にスクロール

助けてください。 おかげ

答えて

33

方法はかなりシンプルです。ページの下部にあるボタンを入れて、イベントを書き込むこの

$('#spnTop').on("click",function() { 
    $('html, body').animate({ scrollTop: 0 }, 'slow', function() { 
     alert("reached top"); 
    }); 
}); 

のようなものは、ここでは、この

+1

私のアラート( "到達したトップ"); 2回呼び出されます。あなたも同じですか? – AliBZ

+1

ダブルアラートについてのこの回答を参照してください。 http://stackoverflow.com/a/9359619/83 –

+0

リンク上で行う場合は、おそらく 'event.preventDefault();'が必要です。 – VDarricau

7

あなたはhtml, body

$('html, body').animate({ 
    scrollTop: "0px" 
}, 800); 

scrollTopプロパティをアニメーション化することができます私はあなたがこのような些細な質問をする前に、あなたはいくつかの研究/読み出しを行うことをお勧めします。私たちの前にGoogleがあなたを助けることができます。

+4

ためfiddleであるとGoogleは、多くの場合、答えをスタックオーバーフローを指します。すべての質問/回答は、些細なものでもなくても、ここに属します。 –

関連する問題