Shrinking Floating action button

Hallo Guys,

Is it possible to make a shrinking Material-floating action button in Ionic (shrinks on scrolling Down and shows up on scrolling Top)?

I found codepen for shrinking Header and Footer on scrolling down and shows up again on scrolling up.

codepen

material fab codepen

I tried a bit but not able to really grasp everything with directive declaration of ‘headerShrink’ .

Any help would be highly appreciated. :wink:

@mhartington Can you please have a look.

Thanks in advance!