Download
User Rating: 0/5 ( 0 votes)
Flow Up - A jQuery plugin that makes content flow up as you scroll down. This plugin is based on Eric Wenn’s implementation but it has important fixes and improvements.
1. INCLUDE JS FILES
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="flowup.js"></script>
2. HTML
<div class=".container">
<p>Thi is a simple jQuery plugin</p>
<p>that creates an effect of elements</p>
<p>flowing up as the user scrolls down.</p>
<p>This is a similar effect to the one</p>
<p>used by the google+ app on android.</p>
</div>
3. JAVASCRIPT
$(document).ready(function() {
$(".container").flowUp("p", { transalteY: 350, duration: 1 });
});
4. Customizing with JS
So you want to customize this effect a little? No problem. I give you the option of customizing the effect with javascript and with the CSS.
You can pass in the following in the options JSON for $(“#container”).flowUp(“.articles”, options-json);
translateY [integer](pixels): The amount of pixels that each element will be below the active window. I recommend leaving this as it is, but play around with it for various effects. The larger this integer, the longer the delay between displaying the element on screen.
duration [float](seconds):
JS Tutorial
