Att skapa en scrollspy i Bootstrap 5 innebär att lägga till dataattribut till navigationselement och målsektioner, tillsammans med viss JavaScript-initiering. Följ dessa steg för att ställa in en grundläggande scrollspy:

1. Inkludera Bootstrap: Se till att inkludera Bootstrap CSS och JavaScript i ditt HTML-dokument:

```html

```

2. Skapa navigeringselement: Skapa ett navigeringselement, till exempel en meny eller lista, som innehåller länkar till olika avsnitt på din sida. Varje länk bör ha dataattribut som anger motsvarande målsektion och navigeringstyp:

```html

• Avsnitt 1

• Avsnitt 2

• Avsnitt 3

```

3. Lägg till målsektioner: Skapa de olika avsnitten på din sida som du vill rulla till. Varje avsnitt ska ha ett unikt ID-attribut:

```html

Avsnitt 1

Innehåll 1

Avsnitt 2

Innehåll 2

Avsnitt 3

Innehåll 3

```

4. Initiera Scrollspy: Slutligen, initiera scrollspy med JavaScript efter att DOM har laddats:

```javascript

window.addEventListener('DOMContentLoaded', () => {

bs.scrollspy('.nav-fill');

});

```

När du nu rullar nedåt på sidan kommer navigeringslänkarna automatiskt att ändras för att indikera det aktuella aktiva avsnittet, vilket möjliggör enkel navigering över ditt innehåll.