Author: Surya S
Original Jquery Version Author: Remy Sharp
You can make your section of webpage to appear with slide effects when the user views.
Dependent on Jquery and Angular
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
For Downloading Angular InView Event plugin,
git clone https://github.com/iamssurya/angular-inview.git
or
npm install ng-inview
Add the angular-inview libraries to your project
<link rel="stylesheet" href="dist/css/angular-inview.css">
<script src="dist/js/jquery.inview.js"></script>
<script src="dist/js/angular.inview.js"></script>
Inject 'angular-inview' in your angular app
angular.module('someapp',['angular-inview']);
To add slide effects to DOM
<div slide-inview="up || down || left || right"></div>
Contact me @ [email protected] for any queries