How to scroll to top when a button is clicked?

Question

I have a button on a page and I want that when it is clicked, the page scrolls to the 0 position.

HTML

Back to top 

        

Answer 1

you can use window function for scrollTop jquery

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

When you click button, this page scroll to top of the position.

Answer 2

Try It

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

or

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

Answer 3

Try this code:

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

Method on binds a click event to the button and scrollTop scrolls your body to 0 position.