https://github.com/keephacking/ionic-hide-fab-onscroll

A simple plugin to hide ionic fab buttons while scrolling.
https://github.com/keephacking/ionic-hide-fab-onscroll

Last synced: 11 months ago
JSON representation

A simple plugin to hide ionic fab buttons while scrolling.

• Host: GitHub
• URL: https://github.com/keephacking/ionic-hide-fab-onscroll
• Owner: keephacking
• Created: 2017-12-23T20:37:52.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2020-01-25T09:03:55.000Z (about 6 years ago)
• Last Synced: 2024-11-19T17:58:59.481Z (about 1 year ago)
• Language: TypeScript
• Size: 977 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# For ionic 4+ , please check this repo [ionic-hide-onscroll](https://github.com/keephacking/ionic-essentials/tree/master/projects/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

 * `top` 

 * :) good to go

# Demo

### [For Demo Click here](https://stackblitz.com/edit/ionic-hide-fab-onscroll-demo)

![Plugin preview](https://raw.githubusercontent.com/keephacking/ionic-hide-fab-onscroll/master/demo/demo.gif)