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