Angular Directive For Scroll Event Based Animations

Author: rpocklin
Publish Date:
Official Page: Go to website
Views Total: 1,495
License: MIT

Description:

An Angular.js directive which allows you to perform any javascript actions (in the controller, or on the element) when an element is scrolled into or out of, the users viewport, without requiring any other dependencies.

The goal of this directive is to be small and focused around behaviour that changes when scrolled in and out of view, without requiring jQuery. You can add / remove CSS classes in the callbacks, or execute any arbitrary javascript you want, such as pre-loading of data, images or anything else.

Preview:

Angular Scroll Animate

Leave a Reply