Google+ App Style jQuery Scroll Effect Plugin - pullupscroll

File Size: 7.66KB
Views Total: 4143
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Google+ App Style jQuery Scroll Effect Plugin - pullupscroll

pullupscroll is an easy jQuery plugin that imitates the neat and smooth scroll effect in Google Plus android App. As you swipe down (scroll down) the page, new modules of content slide up into place with smooth animations.

Video demo:

Basic Usage:

1. Include jQuery javascript library and jQuery pullupscroll plugin on the web page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="pullup.js"></script>

2. Include required jQuery pullupscroll stylesheet on the web page

<link href="pullup.css" rel="stylesheet">

3. Create a container and boxes where you want to apply the scroll effect to

<section class="wrapper space">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

..

</section>

4. Call the plugin and you're done.

<script>
$(document).ready(function() {
$("section.wrapper").pullupScroll(".box");
});
</script>

This awesome jQuery plugin is developed by ericwenn. For more Advanced Usages, please check the demo page or visit the official website.