如何在单击按钮时滚动到顶部

How to scroll to top when a button is clicked?

本文关键字：滚动 顶部 按钮 单击      更新时间：2023-09-26

我在页面上有一个按钮，我希望当单击它时，页面滚动到 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??

        });
    }
    });

试试这段代码：

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

方法 on 将click事件绑定到按钮，scrollTop将body滚动到 0 位置。

您可以使用窗口函数来scrollTop jquery

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

单击按钮时，此页面将滚动到位置顶部。

试试吧 

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

或

$("#button").click(function() {
        $("html").animate({ scrollTop: 0 }, "slow");
        });
相关文章：