Vytvorenie scrollspy v Bootstrap 5 zahŕňa pridanie dátových atribútov do navigačných prvkov a cieľových sekcií spolu s určitou inicializáciou JavaScriptu. Ak chcete nastaviť základnú scrollspy, postupujte podľa týchto krokov:

1. Zahrnúť Bootstrap: Uistite sa, že ste do dokumentu HTML zahrnuli CSS a JavaScript Bootstrap:

```html

```

2. Vytvorenie prvkov navigácie: Vytvorte navigačný prvok, napríklad ponuku alebo zoznam, ktorý obsahuje odkazy na rôzne sekcie na vašej stránke. Každý odkaz by mal mať atribúty údajov označujúce zodpovedajúcu cieľovú sekciu a typ navigácie:

```html

```

3. Pridať cieľové sekcie: Vytvorte na svojej stránke rôzne sekcie, na ktoré sa chcete posunúť. Každá sekcia by mala mať jedinečný atribút ID:

```html

1. časť

Obsah 1

2. časť

Obsah 2

Časť 3

Obsah 3

```

4. Inicializovať Scrollspy: Nakoniec inicializujte scrollspy pomocou JavaScriptu po načítaní DOM:

```javascript

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

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

});

```

Teraz, keď posúvate stránku nadol, navigačné odkazy sa automaticky zmenia, aby označovali aktuálnu aktívnu sekciu, čo umožňuje jednoduchú navigáciu vo vašom obsahu.

• Predchádzajúca strana: Ako vytvoriť tlačidlá v Bootstrap 5? 
• Ďalšia strana: Ako vytvoriť prezentáciu pomocou JavaScriptu?