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.