Aisol Docs Nav

A scroll-spy table of contents that follows the headings on the page.

Getting started

Drop your page body into the Content slot and the component lists its headings for you, so readers always know where they are.

Installation

Insert the component from your assets panel, then place it in a sticky column next to your content. Set the scroll offset to the height of your fixed header.

Configuration

Headings come from the content you drop in — pick H2, H2 + H3 or H2 + H3 + H4. The Sections list stays as a manual fallback when no content is connected.

Property controls

Accent, theme, indent, gap, radius, indicator style and the mobile breakpoint are all editable on the canvas — no code needed.

Accessibility

Real anchors, aria-current on the active row, arrow-key navigation inside the list, and focus moved to the target heading after each jump.

FAQ

Reduced motion turns the smooth scroll into an instant jump and stills the indicator, while every control keeps working.

Create a free website with Framer, the website builder loved by startups, designers and agencies.