https://github.com/christy-w/animating_header_directive

Ionic 4 Animating Header Directive
https://github.com/christy-w/animating_header_directive

ionic4

Last synced: 7 days ago
JSON representation

Ionic 4 Animating Header Directive

• Host: GitHub
• URL: https://github.com/christy-w/animating_header_directive
• Owner: christy-w
• Created: 2019-05-20T05:14:35.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:37:57.000Z (almost 2 years ago)
• Last Synced: 2024-08-02T17:39:13.765Z (3 months ago)
• Topics: ionic4
• Language: TypeScript
• Homepage:
• Size: 3.58 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 26
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Animating Header Directive

Ionic 4 Animating Header Directive

This is an add-on directive for Ionic 4 which aims to produce an animating shrinking header upon scoll gesture.

Enjoy~!

Based on Ionic 4.

### References and Tutorials

- [Creating a Custom Scroll Vanish Directive with Ionic Web Components](https://www.joshmorony.com/creating-a-custom-scroll-vanish-directive-with-ionic-web-components/) BY JOSH MORONY 

- [Creating a Shrinking Header for Segments in Ionic](https://www.joshmorony.com/creating-a-shrinking-header-for-segments-in-ionic/)BY JOSH MORONY

- [Ionic Ion Header Shrink](https://github.com/ionic-team/ionic-ion-header-shrink) BY Ionic Team