mdl-fab-scroll
Angular module to animate hide/show for MDL floating-action-buttons See a demo
- Requires Angular and material-design-lite
- Hides the floating action button (fab) when the user scrolls down
- Unhides the fab when the user scrolls up
Getting Started
Install this module
npm install mdl-fab-scroll --save
Add this module to your HTML page
<script src="node_modules/mdl-fab-scroll/mdl-fab-scroll.js"></script>
Add the module into your angular app
angular.module('app', ['mdl-fab-scroll']);
This will automagically animate the fab buttons when the mdl-layout__content
is scrolled.