Crear una navegación con desplazamiento en Bootstrap 5 es sencillo y proporciona una manera sencilla para que los usuarios naveguen por su página web. Así es como puedes lograrlo:
Marcado HTML
1. Cree un elemento `` para contener los enlaces de navegación de Scrollspy:
```html
...
```
2. Agregue un atributo `data-spy="scroll"` al elemento `
` para habilitar la funcionalidad de desplazamiento.
```html
...
```
JavaScript
1. Incluya jQuery y la biblioteca JavaScript Bootstrap.
2. Agregue el siguiente código JavaScript para inicializar scrollspy:
```javascript
$(función () {
$('cuerpo').scrollspy({
objetivo:'#scrollspy',
compensación:20
});
});
```
- La opción `target` especifica el ID del elemento de navegación que contiene los enlaces de scrollspy.
- La opción "desplazamiento" establece la distancia en píxeles entre la parte superior de la ventana del navegador y el punto donde se activa la navegación con desplazamiento.
Ahora, a medida que se desplaza una página, el enlace activo en la navegación se actualizará automáticamente según la sección correspondiente que esté visible en la ventana gráfica.
Recuerde reemplazar las secciones `...` en el formato HTML con su propio contenido y enlaces de navegación.
