This time I will share jQuery Plugin and tutorial about Super Simple Scroll Up To Top Plugin with jQuery, hope it will help you in programming stack.
Just another jQuery plugin that inserts an auto- fade in/out scroll up to top button into the body when you scroll down the window.
How to use it:
1. Load jQuery library and the jquery.scrolluptotop.js
script at the bottom of your document.
1 |
< script src = "//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" ></ script > |
2 |
< script src = "src/jquery.scrolluptotop.js" ></ script > |
2. A little bit of CSS to style & position the scroll up to top button.
10 |
background: rgba(0,0,0, 0.4); |
17 |
#ScrollUpToTop:hover { background: rgba(0,0,0,0.7); } |
3. That’s it. When you click on the scroll to top button, the page will be scrolled to the top with a smooth scrolling animation. The plugin currently provides a speedUp option to specify the duration time of scrolling animation.
4. More configuration options.
3 |
"scrollClass" : "scrollToTopDef" , |
Change log:
2017-07-08
2015-01-05
This awesome jQuery plugin is developed by LowG33kDev. For more Advanced Usages, please check the demo page or visit the official website.