https://github.com/poordeveloper/ion-sticky

A lightweight Angular directive for Ionic framework to have sticky list headers
https://github.com/poordeveloper/ion-sticky

Last synced: 12 months ago
JSON representation

A lightweight Angular directive for Ionic framework to have sticky list headers

• Host: GitHub
• URL: https://github.com/poordeveloper/ion-sticky
• Owner: Poordeveloper
• License: mit
• Created: 2015-05-31T05:39:59.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2017-06-14T10:10:27.000Z (about 9 years ago)
• Last Synced: 2025-01-08T14:32:57.626Z (over 1 year ago)
• Language: HTML
• Homepage:
• Size: 18.6 KB
• Stars: 95
• Watchers: 10
• Forks: 24
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ion-sticky

***Super simple to use***

Just add ion-sticky to ion-content, it will detect dividers and make the active one sticky.

If you are using collection-repeat, please refer to this gist.

[https://gist.github.com/Poordeveloper/e6a1714ea399f95c779f](https://gist.github.com/Poordeveloper/e6a1714ea399f95c779f)

## Demo

[http://codepen.io/Poordeveloper/pen/BNpxrm](http://codepen.io/Poordeveloper/pen/BNpxrm)

## Install

```bash

bower install ion-sticky --save

```

## Usage

```javascript

angular.module('ion-sticky-demo', ['ion-sticky']);

```

```html

    

         A 

         A1 

         A2 

        ...

         B 

        ....

    

```

Using custom style class for sticky header (default uses `assertive`):

```html

    

         A 

         A1 

         A2 

        ...

         B 

        ....

    

```