Å lage en scrollspy i Bootstrap 5 innebærer å legge til dataattributter til navigasjonselementer og målseksjoner, sammen med litt JavaScript-initialisering. Følg disse trinnene for å sette opp en grunnleggende scrollspy:
1. Inkluder Bootstrap: Sørg for å inkludere Bootstrap CSS og JavaScript i HTML-dokumentet ditt:
```html
```
2. Opprett navigasjonselementer: Lag et navigasjonselement, for eksempel en meny eller liste, som inneholder lenker til forskjellige deler på siden din. Hver lenke skal ha dataattributter som indikerer den tilsvarende målseksjonen og navigasjonstypen:
```html
```
3. Legg til målseksjoner: Lag de forskjellige delene på siden din som du vil rulle til. Hver seksjon skal ha et unikt ID-attributt:
```html
Del 1
Innhold 1
Del 2
Innhold 2
Del 3
Innhold 3
```
4. Initialiser Scrollspy: Til slutt, initialiser scrollspy med JavaScript etter at DOM har lastet:
Nå, når du ruller nedover siden, vil navigasjonskoblingene automatisk endres for å indikere gjeldende aktive seksjon, noe som muliggjør enkel navigering gjennom innholdet ditt.