javascript - 单击按钮时如何滚动到顶部？

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");
        });