RayCraftDocs
v1.0.3
nl
raycraft.dev
Op deze pagina

ScrollSpy

Free

Een inhoudsopgave op de pagina die de kop markeert die momenteel bovenaan het scherm staat. Ze vindt de koppen met een CSS-selector (koppen hebben een id nodig), markeert de huidige koppeling met aria-current en gebruikt gewone fragmenten, zodat het ook zonder scripts werkt. Roep RefreshAsync aan nadat de koppen zijn gewijzigd.

Voorbeeld

Besturingselement ScrollSpy

Parameters

ParameterTypeBeschrijving
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
LabelstringZichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
OffsetintAfstand vanaf de bovenkant, in pixels, vanaf waar een kop als huidig geldt (standaard 80).
SelectorstringCSS-selector van de koppen die worden opgesomd (standaard main h2[id], main h3[id]).
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.

Pakket

ScrollSpy maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.