Skip to content
A simple, lightweight scroll-spy directive for angular that was built from scratch.
HTML
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE.md
README.md
angular-scroll-spy.js
index.html
package.json

README.md

angular-scroll-spy

A simple, lightweight scroll-spy directive for angular that was built from scratch. It broadcasts events as elements are scrolled into or out of view.

Try the demo

Usage

Add the scroll-spy attribute and an id on the element you want to receive a scroll event for.

  • 'elementFirstScrolledIntoView' is fired once when the element first scrolls into view
  • 'elementScrolledIntoView' is fired every time the element scrolls into view
  • 'elementScrolledOutOfView' is fired every time the element is scrolled out of view

Then in your controller, you can respond to events like this:

$scope.$on('elementFirstScrolledIntoView', function (event, data) {
  if (data === 'myElementId') {
    // do something
  }
});
You can’t perform that action at this time.