A criação de um scrollspy no Bootstrap 5 envolve a adição de atributos de dados aos elementos de navegação e seções de destino, juntamente com alguma inicialização de JavaScript. Siga estas etapas para configurar um scrollspy básico:

1. Incluir Bootstrap: Certifique-se de incluir Bootstrap CSS e JavaScript em seu documento HTML:

```html


```

2. Crie elementos de navegação: Crie um elemento de navegação, como um menu ou lista, contendo links para diferentes seções da sua página. Cada link deve ter atributos de dados indicando a seção de destino correspondente e o tipo de navegação:

```html

• 
  Seção 1
  


• 
  Seção 2
  


• 
  Seção 3
  

```

3. Adicione seções de destino: Crie as diferentes seções da sua página para as quais deseja rolar. Cada seção deve ter um atributo de ID exclusivo:

```html

Seção 1

Conteúdo 1

Seção 2

Conteúdo 2

Seção 3

Conteúdo 3



```

4. Inicialize o Scrollspy: Finalmente, inicialize o scrollspy usando JavaScript após o carregamento do DOM:

```javascript
window.addEventListener('DOMContentLoaded', () => {
bs.scrollspy('.nav-fill');
});
```

Agora, conforme você rola a página para baixo, os links de navegação mudarão automaticamente para indicar a seção ativa no momento, permitindo uma navegação fácil pelo seu conteúdo.