This library is no longer maintained by Showpad. Showpad has moved away from AngularJS and will not be publishing any new versions of this library.
Set of directives handling events when a DOM element enters or leaves a viewport
Directive (attribute) specifying the DOM element which should be used as viewport.
To use window
as the viewport element, set viewport="window"
on any parent element.
Directive (attribute) specifying a DOM element which should be watched. When the element enters the viewport the value of the attribute will be evaluated.
Directive (attribute) specifying a DOM element which should be watched. When the element leaves the viewport the value of the attribute will be evaluated. The viewport-leave attribute needs a viewport-enter attribute with valid callback
#Compatibility This plugin works with Angular 1.x (v1.2 and higher)
#Example
Viewport container element:
<ul style="width: 200px; height: 200px" viewport>
<li ng-repeat="item in items" style="width: 200px; height: 200px" viewport-leave="item.visible = false" viewport-enter="item.visible = true">
</ul>
Window viewport:
<ul style="width: 200px; height: 200px" viewport="window">
<li ng-repeat="item in items" style="width: 200px; height: 200px" viewport-leave="item.visible = false" viewport-enter="item.visible = true">
</ul>
This Angular module has been published under the MIT license