Back to Top Smooth scroll using jQueryYou might have noticed "Back To Top" button on many long webpages, it allows users to return back to the top section of the page instantly without having to use mouse scroll wheel. It's tiny but sometimes important feature to have in any website. Place <a name="top" id="top"></a> on top of your page, but below <body> tag, and place a link <a href="#top" id="goTop">Back to top</a> at the bottom of your page but before </body> tag as shown in code below:
Now using jQuery animate() method, we can smoothly scroll user back to the top of the page.
<body> <a name="top" id="top"></a> <!--- your page content goes here --> <a href="#top" id="goTop">Back to top</a> </body>