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

我在页面上有一个按钮，我希望当它被单击时，页面滚动到0位置。如何在jQuery中单击按钮时滚动到顶部

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


     }); 

    } 
    });

感谢。

来源

2012-05-05 Ronny Kibet

试试这个代码：

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

方法on绑定click事件到按钮和滚动scrollTop你body至0位置。

来源

2012-05-05 10:57:37 VisioN

在这种情况下，不需要使用jQuery进行滚动。 'window.scroll（0，0）'在所有浏览器中都能正常工作。看到它的MDN文章 - https://developer.mozilla.org/en/Window.scroll。 –

感谢愿景......正是我所期待的。 :) –

好吧，伙计们。事实上，根本不需要使用JavaScript：HTML锚点可以做出同样的事情:) @Ronny，欢迎您！ – VisioN

您可以使用窗口函数scrollTop jQuery的

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

当你点击按钮，这个页面滚动的位置上。

来源

2013-04-11 07:13:23 Selvamani

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

回答

相关问题