Showing posts with label angular-sticky. Show all posts
Showing posts with label angular-sticky. Show all posts


May 18, 2017

Pure javascript AngularJS directive to make elements stick when scrolling


Do you want to see directives in action? Visit


  • AngularJS (requires AngularJS 1.4.x or higher, tested with 1.4.9)
  • Supports all major browsers and IE9 and up (lower versions might not be supported)

Install with Bower (recommended)

To install Angular Sticky with Bower use:
 bower install angular-sticky-plugin  
Or with npm
 npm install angular-sticky-plugin  


Click here to download the latest version of the plugin. In the dist folder you'll find the minified and normal JavaScript file. Either one is fine to use, it just depends on your needs.

Adding it to your project

As soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the module:
 angular.module('myModule', ['hl.sticky']);  

Note: Special thanks to Harm van der Werf

Disclaimer: The blog is created to share angular directives information to geek, curious Angular Developer.