This time I will share jQuery Plugin and tutorial about Smart Configurable Back To Top Button In jQuery – jquery.gotop.js, hope it will help you in programming stack.
Yet another jQuery back to top plugin that enables a highly customizable button to smoothly scroll back to the top of the webpage when clicked.
More Features:
- Auto shows the back to top button on scroll down.
- Auto hides the button when you reach the top of the webpage.
- Can be set to only work on mobile devices.
How to use it:
1. Create an empty element in which you want to display the back to top button.
1 |
< script src = "//code.jquery.com/jquery.min.js" ></ script > |
2 |
< script src = "jquery.gotop.js" ></ script > |
2. Include jQuery library and the jquery.gotop.js
script at the bottom of the webpage.
1 |
< script src = "//code.jquery.com/jquery.min.js" ></ script > |
2 |
< script src = "jquery.gotop.js" ></ script > |
3. Initialize the plugin to generate a default back to top button that displays at the ‘Bottom Right’ of the webpage.
4. Override the following options to customize the back to top button as per your needs.
This awesome jQuery plugin is developed by tomaggio83. For more Advanced Usages, please check the demo page or visit the official website.