New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/jquery-animation-scroll-plugin/
jQuery Animation Scroll Plugin
Download Demo
This jquery plugin Aanimate scroll is a mobile friendly Viewport triggered animation jQuery Plugin using greensock.
Features
Responsive and Mobile Friendly
3D animations Supported
Easy to Use
Requirements:
jQuery.js v1.10.1+ from www.jquery.com.
TweenMax.js 1.10.2+, TimelineMax.js v1.10.2+, EasePack.js v1.9.3+ from www.greensock.com.
1. INCLUDE JS FILES
<script src="js/jquery.min.js"></script> <script src="js/vendor/TweenMax.min.js"></script> <script src="js/vendor/ScrollToPlugin.min.js"></script> <script src="js/vendor/EasePack.min.js"></script> <script src="js/animate-scroll.js"></script>
2. HTML
<h1 data-animate-scroll='"y":"50", "duration": "1.75","scaleX": "0","scaleY": "0"' class="text-center">Many Animate!!!</h1> <h3 data-animate-scroll='"x":"-100","duration": "1","scaleX": "0","scaleY": "0"' class="text-left">Much Scroll!!</h3> <h2 data-animate-scroll='"rotation": "180","duration": "2.5","scaleX": "0","scaleY": "0"' class="text-center">So WoW!</h2> <h4 data-animate-scroll='"y":"-100","duration": "1.5","scaleX": "0","scaleY": "0"' class="text-right">Happy jQuery!</h4> <h3 data-animate-scroll='"duration": "2","scaleX": "0","scaleY": "0"' class="text-left">Such Good!!</h3>
3. JAVASCRIPT
$(document).animateScroll();