ScrollSpy
FreeEin Inhaltsverzeichnis innerhalb der Seite, das die Überschrift hervorhebt, die gerade oben auf dem Bildschirm steht. Es findet die Überschriften mit einem CSS-Selektor (Überschriften brauchen eine id), markiert den aktuellen Link mit aria-current und verlinkt mit einfachen Fragmenten, sodass es auch ohne Skripte funktioniert. Rufen Sie RefreshAsync auf, nachdem sich die Überschriften geändert haben.
Beispiel
Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
Label | string | Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo). |
Offset | int | Abstand vom oberen Rand in Pixeln, ab dem eine Überschrift als aktuell gilt (Standard 80). |
Selector | string | CSS-Selektor der aufzulistenden Überschriften (Standard main h2[id], main h3[id]). |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Paket
ScrollSpy gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.
Feedback sendenVersion 1.0.3