Scroll Indicator
An animated cue at the bottom of the hero tells visitors there's more content below — a bouncing arrow or chevron invites scrolling.
Also called: scroll cue, bounce arrow, scroll prompt
Welcome
Scroll down to explore more content on this page.
This section simulates content below the fold. The scroll indicator above uses a CSS bounce animation to draw attention downward without being intrusive.
Hide it once the user starts scrolling with a simple scroll event listener.
How it works
Position the indicator at the bottom of the hero with position: absolute. Animate translateY in a loop for the bounce effect.
- Fade out on first scroll for a cleaner experience
- Link to an anchor ID for click-to-scroll behavior