Run
<!doctype html> <html lang="en"> <head> <title>jQuery Smooth Page Scroll to Top</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.SmoothmyTop').click(function(){ $("html, body").animate({ scrollTop: 0 }, 1000); return false; }); }); </script> </head> <body> <h2>jQuery Smooth Page Scroll to Top</h2> <div>Scroll down to get the button to scroll to top.</div> <div style="margin-top:300px;">Welcome to Tutorialdeep</div> <div style="margin-top:300px;">How are you?</div> <div style="margin-top:300px;">I am fine.</div> <button type="button" class="SmoothmyTop">Click to Smooth Scroll to Top</button> </body> </html>
Go to
Tutorialdeep Homepage