RayCraftDocs
v1.0.3
pt-BR
raycraft.dev
Nesta página

ScrollSpy

Free

Uma lista de conteúdo dentro da página que destaca o título que está no topo da tela. Ela encontra os títulos com um seletor CSS (os títulos precisam de um id), marca o link atual com aria-current e usa fragmentos simples, de modo que funciona também sem scripts. Chame RefreshAsync depois que os títulos mudarem.

Exemplo

Controle ScrollSpy

Parâmetros

ParâmetroTipoDescrição
ClassstringClasses CSS extras adicionadas ao elemento raiz.
LabelstringTexto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta).
OffsetintDistância do topo, em pixels, a partir da qual um título conta como atual (80 por padrão).
SelectorstringSeletor CSS dos títulos a listar (main h2[id], main h3[id] por padrão).
StylestringEstilo embutido adicionado ao elemento raiz.

Pacote

ScrollSpy faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.