ng-inview

Angular InView Event

Author: Surya S

Original Jquery Version Author: Remy Sharp

What it does?

You can make your section of webpage to appear with slide effects when the user views.

Installation

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>

How to use ?

Inject 'angular-inview' in your angular app

angular.module('someapp',['angular-inview']);

SLIDE EFFECTS

To add slide effects to DOM

<div slide-inview="up || down || left || right"></div>

More Info

Contact me @ [e-mail] for any queries