`-element om de scrollspy-navigatielinks in te bewaren:
```html
...
```
2. Voeg een `data-spy="scroll"` attribuut toe aan het `
` element om scrollspy-functionaliteit in te schakelen.
```html
...
```
JavaScript
1. Voeg jQuery en de Bootstrap JavaScript-bibliotheek toe.
2. Voeg de volgende JavaScript-code toe om de scrollspy te initialiseren:
```javascript
$(functie () {
$('lichaam').scrollspy({
doel:'#scrollspy',
compensatie:20
});
});
```
- De optie `target` specificeert de ID van het navigatie-element dat de scrollspy-links bevat.
- De `offset` optie stelt de afstand in pixels in tussen de bovenkant van het browservenster en het punt waar de scrollspy-navigatie actief wordt.
Terwijl er nu op een pagina wordt gescrolld, wordt de actieve link in de navigatie automatisch bijgewerkt op basis van de overeenkomstige sectie die zichtbaar is in de viewport.
Vergeet niet om de `...` secties in de HTML-opmaak te vervangen door uw eigen inhoud en navigatielinks.
