# Angular Sticky
**Angular Sticky** is an [AngularJS](//angularjs.org) [directive](//docs.angularjs.org/guide/directive) that gives you the ability to make any element on your page always stay visible.
## Usage
To use **Angular Sticky**, add the [script](angular-sticky.js) to the head of your document.
```html
```
Next, add the *sticky* directive to your angular app.
```html
```
Finally, add a *sticky* attribute to an element.
```html
This sticks to the top of the page.
```
## Options
- **sticky**: Enables an element to become sticky.
- **sticky-top**: Pixels between the top of the page and the sticky element.
- **sticky-bottom**: Pixels between the bottom of the page and the sticky element.
- **sticky-media**: Media query required to enable sticky.
## Demo
See a [sticky demonstration](demo.html) leveraging all of the available options.
---
The [documented script](angular-sticky.js) is 3.11KB, and the [compressed script](angular-sticky.min.js) is 572 bytes.