当按钮被点击时如何滚动到页面顶部？

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


        });

    }
    });

- Ronny K

Answer 1

试试这段代码：

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

方法on绑定了一个click事件到按钮上，scrollTop将你的body滚动到0位置。

- VisioN

---

在这种情况下，不需要使用jQuery来进行滚动操作。在所有浏览器中，使用window.scroll(0, 0)就可以正常工作。请参考MDN的相关文章：https://developer.mozilla.org/en/Window.scroll。 - TJ VanToll

其实不需要使用JavaScript，HTML锚点也可以做同样的事情 :) @Ronny，不客气！ - VisioN

Answer 2

你可以使用窗口函数来操作 scrollTop 的jQuery。

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

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

- Selvamani

Answer 3

试一试

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

或者

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

- NIDHINgL

---

"html" 对我有效，但使用 "body" 就不行了。有什么想法为什么会这样？ - Atiq Baqi