Installation
Download
master.zip
GitHub
git clone https://github.com/abdain/angular.js.git
Bower
bower install fox-angular-scrollReveal.js
Load script after scrollReveal's
<script src="path/to/scrollReveal.js"></script>
<script src="path/to/fox-angular-scrollReveal.js"></script>
Include module dependency
angular.module('myApp', ['fox.scrollReveal']); Basic Usage
Needs a custom attribute on the container of all elements so it can start the controller. With that you can also inject your custom defaults.
<div data-sr-container="{ custom defaults }">
<!-- Same as scrollReveal's basic usage. -->
<div data-sr="enter left and move 50px over 1.33s"> Foo </div>
<div data-sr="enter from the bottom after 1s"> Bar </div>
<div data-sr="wait 2.5s and then ease-in-out 100px"> Baz </div>
</div>
Other than that it works just like the normal scrollReveal.js would. There is a "scroll-reveal" attribute directive, but it does not mess with the original custom attribute from scrollReveal.js. It is only used to register the element with the controller.
Documentation
Refer to scrollReveal.js's docs to set your custom defaults or animation parameters
[Demo and code example] (http://plnkr.co/edit/oDb3B1VimoHxNTG3aZRC?p=preview)