In this tutorial, I’ll show you how to add “Scroll to Top” button with CSS and jQuery to your (html/ website. This light-weight approach will enhance usability with a back to top button will be handled by native CSS3 properties. I am going to assume that you already have hooked jQuery up to your site. The JavaScript should be called below your jQuery script tag to ensure you don’t get an ‘undefined jQuery’ error in your console. I cannot guarantee support for old browsers such as Internet Explorer 10 and below.

Step 1: Add or copy the JavaScript at you website page :

Step 2: Add the styles for the back to top button:

Step 3: Add the Code for caller button:


Thanks in advance for Sharing…

Leave a Reply