Skip to content

Android floating action button which reacts on scrolling events. Becomes visible when an attached target is scrolled up and invisible when scrolled down.

Notifications You must be signed in to change notification settings

matheusrocha89/ion-fab-button

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

ion-fab-button

Android floating action button which reacts on scrolling events. Becomes visible when an attached target is scrolled up and invisible when scrolled down.

Demo

Usage

Include ion-fabButton.css and ion-fabButton.js after the rest of your Ionic and Angular includes. Then use the following AngularJS directives:

<fab-button target-id="scrollFabButtonTarget">
    <i class="icon ion ion-android-add"></i>
</fab-button>
<ion-content has-bouncing="false" id="scrollFabButtonTarget">
  ...
</ion-content>

###Note Values in fab-button attr="target-id" and ion-content attr="id" should be same. Attribute "has-bouncing" is required.

About

Android floating action button which reacts on scrolling events. Becomes visible when an attached target is scrolled up and invisible when scrolled down.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 84.0%
  • CSS 16.0%