# Hide The FloatingActionButton When Scrolling A RecyclerView

DevFeed: [Hide The FloatingActionButton When Scrolling A RecyclerView](<https://devfeed.tech/articles/hide-the-floatingactionbutton-when-scrolling-a-recyclerview-22810.md>)

Original publisher: [Read original article](<http://androidessence.com/hide-the-floatingactionbutton-when-scrolling-recyclerview/>)

Author: Adam McNeilly

Published: 2015-09-02T00:00:00Z

Content type: tutorial

Language: en

Sources: [Android Essence](<https://devfeed.tech/sources/android-essence.md>)

Topics: [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [build](<https://devfeed.tech/tags/build.md>), [components](<https://devfeed.tech/tags/components.md>), [container](<https://devfeed.tech/tags/container.md>), [dependency](<https://devfeed.tech/tags/dependency.md>), [gradle](<https://devfeed.tech/tags/gradle.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [recyclerview](<https://devfeed.tech/tags/recyclerview.md>)

## AI overview

This tutorial explains how to hide a Material Design FloatingActionButton while a RecyclerView scrolls upward and show it again when the list scrolls downward. It uses a CoordinatorLayout, a custom Behavior, and the support library.

## Source excerpt

One of my favorite components introduced with Material Design is the FloatingActionButton (FAB). These buttons are great for emphasizing the primary action of an Activity, but quickly become a nuisance when displayed over a RecyclerView as they may block the bottom list item. To avoid this, we can hide the FloatingActionButton when scrolling a RecyclerView. In today's tutorial we will only be hiding the FAB when the RecyclerView is scrolled upward, and it will reappear on the next down scroll as shown here: