`-element med klassen `btn btn-outline-success` och ett `id` för knappen "Tillbaka till toppen".
JavaScript-kod:
Inuti din JavaScript-fil:
1. Initiera scrollspy med:
```javascript
$(funktion () {
$('[data-spy="scroll"]').scrollspy({
target:'#navbarSupportedContent', // Navigationsbehållare-ID
offset:25, // Offset från toppen i pixlar
});
});
```
2. Smidig rullning för "Tillbaka till toppen"-knappen:
```javascript
$('#backToTop').click(() => {
$('html, body').animate({
scrollTop:0,
}, 1500);
});
```
Kom ihåg att ersätta ID:n och länkar med ditt faktiska innehåll.
CSS-styling (valfritt):
Lägg till CSS-stil efter behov för ditt navigeringsfält, som teckenstorlek, utfyllnad, etc.
Genom att följa dessa steg har du skapat en Bootstrap 5 scrollspy-navigering med ett fast toppnavigeringsfält, smidig rullning och en "Back to Top"-knapp.