Η δημιουργία ενός scrollspy στο Bootstrap 5 περιλαμβάνει την προσθήκη χαρακτηριστικών δεδομένων σε στοιχεία πλοήγησης και ενότητες προορισμού, μαζί με κάποια προετοιμασία JavaScript. Ακολουθήστε αυτά τα βήματα για να ρυθμίσετε ένα βασικό scrollspy:

1. Συμπεριλάβετε το Bootstrap: Φροντίστε να συμπεριλάβετε το Bootstrap CSS και το JavaScript στο έγγραφό σας HTML:

```html

```

2. Δημιουργία στοιχείων πλοήγησης: Δημιουργήστε ένα στοιχείο πλοήγησης, όπως ένα μενού ή λίστα, που περιέχει συνδέσμους προς διαφορετικές ενότητες στη σελίδα σας. Κάθε σύνδεσμος πρέπει να έχει χαρακτηριστικά δεδομένων που υποδεικνύουν την αντίστοιχη ενότητα στόχο και τον τύπο πλοήγησης:

```html

```

3. Προσθήκη ενοτήτων στόχου: Δημιουργήστε τις διαφορετικές ενότητες στη σελίδα σας στις οποίες θέλετε να πραγματοποιήσετε κύλιση. Κάθε ενότητα πρέπει να έχει ένα μοναδικό χαρακτηριστικό ID:

```html

Ενότητα 1

Περιεχόμενο 1

Ενότητα 2

Περιεχόμενο 2

Ενότητα 3

Περιεχόμενο 3

```

4. Εκκίνηση Scrollspy: Τέλος, αρχικοποιήστε το scrollspy χρησιμοποιώντας JavaScript μετά τη φόρτωση του DOM:

`` Javascript

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

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

});

```

Τώρα, καθώς κάνετε κύλιση προς τα κάτω στη σελίδα, οι σύνδεσμοι πλοήγησης θα αλλάξουν αυτόματα για να υποδείξουν την τρέχουσα ενεργή ενότητα, επιτρέποντας την εύκολη πλοήγηση στο περιεχόμενό σας.