如何在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

你可以使用窗口函数来进行scrollTopjquery

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

单击按钮时,此页面将滚动到该位置的顶部.

Answer 3

尝试一下

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

或者

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