La création d'un scrollspy dans Bootstrap 5 implique l'ajout d'attributs de données aux éléments de navigation et aux sections cibles, ainsi qu'une certaine initialisation JavaScript. Suivez ces étapes pour configurer un scrollspy de base :
1. Inclure Bootstrap : Assurez-vous d'inclure le CSS et le JavaScript Bootstrap dans votre document HTML :
```html
```
2. Créer des éléments de navigation : Créez un élément de navigation, tel qu'un menu ou une liste, contenant des liens vers différentes sections de votre page. Chaque lien doit avoir des attributs de données indiquant la section cible correspondante et le type de navigation :
3. Ajouter des sections cibles : Créez les différentes sections de votre page vers lesquelles vous souhaitez faire défiler. Chaque section doit avoir un attribut ID unique :
```html
Section 1
Contenu 1
Section 2
Contenu 2
Section 3
Contenu 3
```
4. Initialiser Scrollspy : Enfin, initialisez le scrollspy en utilisant JavaScript après le chargement du DOM :
Désormais, à mesure que vous faites défiler la page, les liens de navigation changeront automatiquement pour indiquer la section active actuelle, permettant une navigation facile dans votre contenu.