#animate scroll

Top Most jQuery Scrolling Plugins 2019

jQuery Scrolling Plugins

In this Article, We Discuss Top Most jQuery Scrolling Plugins for 2019. Creating a single page, horizontal and parallax scrolling website are in trend and being used widely by web designers. 

1. Scroll Magic

ScrollMagic is a jQuery plugin that essentially lets you use the scrollbar like a progress bar. It’s the plugin for you, if you want to start an animation at a…

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