Skip to main content
All CollectionsInteractionsPrefabs
Hide & Show Header Prefab (Scroll)

Hide & Show Header Prefab (Scroll)

A prefab that hides a header.

Updated this week

Overview

Hide & Show Header prefabs hide the header when the user scrolls down and show the header when the user scrolls back up.

Hide & Show Header prefabs should be added to the scrollable container (usually the page).


Prefab Controls

Header

Select the header object that will hide. Make sure the object is pinned to the top of the page.

Opacity

Set the header's opacity when hidden.

Offset Y

Set the header's offset Y when hidden. Make sure to use a negative value if you want the header to move above the page.

Duration

Set the length of the animation


Resources

Projects:

Did this answer your question?