Search code examples
csspolymerfloating-action-button

Polymer - positioning paper-fab?


I'm trying to make a Polymer paper-fab (floating action button) go in the bottom right corner of the screen. I also want it to disappear on scroll down but then come back on scroll up (like on the Google+ Android app). How do I do those 2 things? Here is the test site: http://www.infinitech.org/beta. Thanks a bunch for the help!


Solution

  • For positioning, you will have to use position: absolute and top/bottom/left/right values. For the disappearing on scroll down, you would probably have to use scroll events and CSS transforms. I'm not the best at either so there might be a better solution.