Hide header when scrolling down

[hirenkorat3]

may be this will help

Hide Header and Footer on Scrolling with Animation

Demo: [infinity] generate directive ionic g directive HideHeader and copy below code in hide-header.ts file import { Directive, Input, ElementRef, Renderer } from '@angular/core'; @Directive({ selector: '[hide-header]', // Attribute selector host: { '(ionScroll)': 'onContentScroll($event)' } }) export class HideHeaderDirective { @Input("header") header: HTMLElement; @Input("footer") footer: HTMLElement; constructor(public element: ElementRef, public renderer: Renderer) { …