https://github.com/ionic-team/ionic-ion-header-shrink
A demo of making a header that shrinks based on the user scrolling (like Facebook's iOS app).
https://github.com/ionic-team/ionic-ion-header-shrink
Last synced: 2 months ago
JSON representation
A demo of making a header that shrinks based on the user scrolling (like Facebook's iOS app).
- Host: GitHub
- URL: https://github.com/ionic-team/ionic-ion-header-shrink
- Owner: ionic-team
- License: mit
- Archived: true
- Created: 2014-03-18T23:07:31.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2015-09-29T12:48:00.000Z (over 10 years ago)
- Last Synced: 2025-01-18T21:58:33.230Z (about 1 year ago)
- Language: JavaScript
- Size: 7.84 MB
- Stars: 159
- Watchers: 18
- Forks: 67
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Ionic Ion Header Shrink
===========================
An Ion for making a header that shrinks based on the user scrolling (like Facebook's iOS app).
To use this, add a `` and a ``. Add the `header-shrink` attribute to the `` element:
```html
Things
```
It's also useful to add an empty spacer element inside the content to make sure it doesn't go up under the bar:
```html
```
Also make sure to include the `ionic.ion.headerShrink` angular module in your app.
Note, this should also work with an ``.