RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

ScrollSpy

Free

Une table des matières dans la page qui met en évidence le titre actuellement en haut de l'écran. Elle trouve les titres avec un sélecteur CSS (les titres doivent avoir un id), marque le lien actuel avec aria-current et utilise de simples fragments, si bien qu'elle fonctionne aussi sans scripts. Appelez RefreshAsync après un changement des titres.

Exemple

Contrôle ScrollSpy

Paramètres

ParamètreTypeDescription
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
LabelstringTexte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle).
OffsetintDistance depuis le haut, en pixels, à partir de laquelle un titre est considéré comme courant (80 par défaut).
SelectorstringSélecteur CSS des titres à lister (main h2[id], main h3[id] par défaut).
StylestringStyle en ligne ajouté à l'élément racine.

Paquet

ScrollSpy fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.