New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/jquery-scrollflow-plugin/
jQuery ScrollFlow Plugin
Download Demo
esKju’s jQuery ScrollFlow Plugin
What is it?
Enhance your website by fancy effects based on the user’s scroll index. Pop-in, pop-out, sliding, sticky notes and much more. The plugin supports mobile devices and eldered browsers. It was built using the jQuery library. Licensed under MIT and GPL licenses.
Features
Eased animations for incremental mouse scroll-wheels
Adds fancy effects to your homepage
Customizable trough settings and CSS
Highly compatible
Highly customizable
Uses CSS3 transitions by default
1. INCLUDE JS FILES
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/eskju.jquery.scrollflow.js"></script>
2. HTML
Add “scrollflow” and at least one of the following CSS classes to the desired object(s): slide-top, slide-left, slide-right, slide-bottom, -pop, -opacity
<h1 class="scrollflow -slide-top -opacity">Slide-Top with opacity fading</h1> <p class="scrollflow -pop -opacity">Pop-Effect</p>
3. JAVASCRIPT
If you are not familiar with jQuery, please, read this tutorial for beginners.
$( document ).ready( function( ) new ScrollFlow(); );
4. OPTIONS
Easy plugin, easy life. Configure things just to taste
$( document ).ready( function( ) ScrollFlow( your: "option", will: "be", the: "best" ); );
