jquery animateを使用してページの一番上までスクロールします

Question

ページを上にスクロールする必要があるページの下に配置したいのですが。ただし、スクロールプロセスにアニメーション効果を持たせたい。 animateを使用することで可能だと思いますが、方法がわかりません。

助けてください。ありがとう

Answer 1

方法はかなり簡単です。ページの下部にボタンを配置し、次のようなイベントを記述します

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

これが fiddle です

Answer 2

html, bodyのscrollTopプロパティをアニメーション化できます

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

このような些細な質問をする前に、いくつかの調査/読書を行うことをお勧めします。 Googleは、私たち全員ができる前にあなたを助けることができます。