For ionic 4+ , please check this repo ionic-hide-onscroll

ionic-hide-fab-onscroll

A simple plugin to hide ionic fab buttons while scrolling.

Usage

• npm install ionic-hide-fab-onscroll --save
• Add import {HideFabOnscrollModule} from 'ionic-hide-fab-onscroll'; in your module first
• @ViewChild(Content) content: Content; inside component
• <ion-fab bottom right><button ion-fab [hideFabOnscroll]='content'>top</button></ion-fab>
• :) good to go

  Demo

  For Demo Click here