Animated Scroll To Top Button with jQuery and CSS3 - oz-scroll-up

File Size: 15.6 KB
Views Total: 5015
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Animated Scroll To Top Button with jQuery and CSS3 - oz-scroll-up

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.