EstruturaExemplo interativo

ScrollSpy

Destaca a seção visível na navegação durante a rolagem.

Abrir Storybook

Navegação por seção

Role a página e observe o destaque acompanhar a seção visível.

Ao vivo

Seção 1

Conteúdo da primeira seção. A navegação ao lado destaca este bloco enquanto ele estiver visível na viewport.

Seção 2

Role a página: o destaque segue a seção que ocupa o topo da área visível.

Seção 3

O hook useScrollSpy devolve o id da seção ativa para qualquer navegação própria.

Importação

Use somente a API pública do LexUI.

import { useScrollSpy } from "@lexui/react"