如何在jQuery中單擊按鈕時滾動到頂部

Question

我在頁面上有一個按鈕，我想在單擊它時，頁面滾動到0位置。

HTML

<button id="button">Back to top </button>

jQuery的

$(document).scroll(function(){

        var scroll_pos = $(window).scrollTop()
    if(scroll_pos > 10){

        $('#button').click(function(){

        // what code to enter here??


        });

    }
    });

謝謝。

Answer 1

試試這段代碼：

$("#button").on("click", function() {
    $("body").scrollTop(0);
});

方法on綁定一個click事件的按鈕和scrollTop滾動你的body為0的位置。

Answer 2

你可以使用scrollTop jquery的窗口函數

 $("#button").click( function() {
   $(window).scrollTop(0);
 });

單擊按鈕時，此頁面將滾動到該位置的頂部。

Answer 3

試試吧

$("#button").click(function() {
        $("html").scrollTop(0);
        });

要么

$("#button").click(function() {
        $("html").animate({ scrollTop: 0 }, "slow");
        });