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 |
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.