Sticky Bar
A sticky bar is a banner that remains fixed to the top or bottom of the screen as a visitor scrolls, keeping a single call to action persistently in view.
In depth
The defining trait of a sticky bar is its scroll behavior: it is pinned to the viewport using fixed positioning, so the message and CTA travel with the reader down a long page. This solves a core problem of long-form landing pages, where the primary action lives at the top and disappears as soon as someone scrolls past it. By keeping the offer reachable at every scroll depth, a sticky bar captures intent the moment it forms instead of forcing a scroll back up.
In a quiz-funnel workflow, a sticky bar acts as an ever-present "Start the assessment" button, which is especially valuable on educational pages where readers decide to act partway through. The common pitfall is overlap: on mobile a bottom sticky bar can hide native navigation or cover content, frustrating users. Disciplined teams reserve sticky bars for one action, test them on small screens, and pair them with clear dismiss controls so they aid rather than obstruct the journey.
Example in practice
Frequently asked questions
Should a sticky bar go at the top or bottom?
Top placement mirrors a classic hello bar and suits announcements, while bottom placement is often better on mobile because it sits near the thumb. Test both, since the winner depends on your layout and traffic.
Do sticky bars hurt mobile usability?
They can if they cover content or overlap native browser controls, which shrinks the usable screen. Keep them thin, test across devices, and allow dismissal to avoid frustrating mobile visitors.
How many CTAs should a sticky bar have?
One. A sticky bar works because it keeps a single, repeated action in view, and adding choices dilutes that focus. If you need more, send the click to a page that presents options.