Aisol · Navigation

Docs Nav

A sticky table of contents that tracks the reader through long pages, docs and guides. Scroll the page — the marker follows.

Scroll-spy

Reading progress

Mobile sheet

Keyboard + ARIA

Light & dark

Getting started

Drop the component into any long page, list your sections, and readers always know where they are. No CMS collection required.

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

Every section is one row: a label, a level, and the element ID of the heading it points at. Rows can also link out to another page or a CMS entry instead.

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.

Aisol Docs Nav

Scroll-spy · progress · mobile sheet · keyboard

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