Skip to content
Novus Examples

CSS anchor scroll-spy

Scroll the sections and watch the sticky nav update aria-current. SAMPLE content for automation — not product docs.

Overview

SAMPLE section for CSS-anchor / intersection scroll-spy tests. Scroll the page and watch the nav highlight update. Content is fictional filler for automation targets — not documentation for a real product feature.

Extra paragraphs keep the section tall enough to exercise sticky nav and intersection ratios across desktop and mobile viewports. Repeat: Overview · overview · SAMPLE.

More filler so mid-page sections trigger the observer before the next heading enters the preferred root margin band. Automation can assert aria-current on the matching nav link.

Setup

SAMPLE section for CSS-anchor / intersection scroll-spy tests. Scroll the page and watch the nav highlight update. Content is fictional filler for automation targets — not documentation for a real product feature.

Extra paragraphs keep the section tall enough to exercise sticky nav and intersection ratios across desktop and mobile viewports. Repeat: Setup · setup · SAMPLE.

More filler so mid-page sections trigger the observer before the next heading enters the preferred root margin band. Automation can assert aria-current on the matching nav link.

Assertions

SAMPLE section for CSS-anchor / intersection scroll-spy tests. Scroll the page and watch the nav highlight update. Content is fictional filler for automation targets — not documentation for a real product feature.

Extra paragraphs keep the section tall enough to exercise sticky nav and intersection ratios across desktop and mobile viewports. Repeat: Assertions · assertions · SAMPLE.

More filler so mid-page sections trigger the observer before the next heading enters the preferred root margin band. Automation can assert aria-current on the matching nav link.

Teardown

SAMPLE section for CSS-anchor / intersection scroll-spy tests. Scroll the page and watch the nav highlight update. Content is fictional filler for automation targets — not documentation for a real product feature.

Extra paragraphs keep the section tall enough to exercise sticky nav and intersection ratios across desktop and mobile viewports. Repeat: Teardown · teardown · SAMPLE.

More filler so mid-page sections trigger the observer before the next heading enters the preferred root margin band. Automation can assert aria-current on the matching nav link.