nular UI

Sticky Banner

A full-width announcement bar that sticks to the top, then gets out of the way once you start reading.

Scroll down to hide the banner

Once the page scrolls past a small threshold the banner slides up and fades out, freeing the top of the viewport for the reader.

A passive scroll listener, nothing more

No animation library — just a scroll event toggling one attribute, and a CSS transition doing the slide and the fade.

Scroll back up to bring it back

Keep scrolling up from here and watch the banner slide back into view once you're near the top of the page again.