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

我在頁面上有一個按鈕，我希望當它被單擊時，頁面滾動到0位置。如何在jQuery中單擊按鈕時滾動到頂部

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?? 


     }); 

    } 
    });

感謝。

來源

2012-05-05 Ronny Kibet

試試這個代碼：

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

方法on綁定click事件到按鈕和滾動scrollTop你body至0位置。

來源

2012-05-05 10:57:37 VisioN

在這種情況下，不需要使用jQuery進行滾動。 'window.scroll（0，0）'在所有瀏覽器中都能正常工作。看到它的MDN文章 - https://developer.mozilla.org/en/Window.scroll。 –

感謝願景......正是我所期待的。 :) –

好吧，夥計們。事實上，根本不需要使用JavaScript：HTML錨點可以做出同樣的事情:) @Ronny，歡迎您！ – VisioN

您可以使用窗口函數scrollTop jQuery的

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

當你點擊按鈕，這個頁面滾動的位置上。

來源

2013-04-11 07:13:23 Selvamani

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

回答

相關問題