Animated Scroll To Top Button with jQuery and CSS3 - oz-scroll-up
File Size: | 15.6 KB |
---|---|
Views Total: | 5040 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
A minimalist jQuery plugin to create an animated button for scrolling the page to the top smoothly. When you scroll down the page, a scroll to top button slides out from the bottom of the screen, with a subtle hover effect based on CSS3 transitions.
How to use it:
1. To get started you'll have to include jQuery library and jQuery oz-scroll-up plugin's files in your html file.
<link rel="stylesheet" href="css/oz-scroll.css"> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <script src="js/oz-scroll-up.js"></script>
2. Create a scroll to top button at the bottom of your html page.
<a id="oz-scroll" class="style1" href="#"></a>
3. Change the CSS class to use an alternative style. You can also add more styles, just like in oz-scroll.css
.
<a id="oz-scroll" class="style2" href="#"></a>
Change log:
2014-11-03
- Fixed Js Errors And Added New Style
This awesome jQuery plugin is developed by OsamaElzero. For more Advanced Usages, please check the demo page or visit the official website.