HTML-oppmerking
1. Opprett et «»-element for å holde scrollspy-navigasjonskoblingene: ```html ... ``` 2. Legg til et `data-spy="scroll"`-attributt til ``-elementet for å aktivere scrollspy-funksjonalitet. ```html ... ``` JavaScript 1. Inkluder jQuery og Bootstrap JavaScript-biblioteket. 2. Legg til følgende JavaScript-kode for å initialisere scrollspy: ```javascript $(funksjon () { $('body').scrollspy({ target:'#scrollspy', offset:20 }); }); ``` - "Target"-alternativet spesifiserer IDen til navigasjonselementet som inneholder scrollspy-lenkene. - "Offset"-alternativet angir avstanden i piksler mellom toppen av nettleservinduet og punktet der scrollspy-navigasjonen blir aktiv. Nå, når en side rulles, vil den aktive lenken i navigasjonen automatisk oppdateres basert på den tilsvarende delen som er synlig i visningsporten. Husk å erstatte `...`-delene i HTML-markeringen med ditt eget innhold og navigasjonslenker.
```html
...
```
2. Legg til et `data-spy="scroll"`-attributt til `
JavaScript
1. Inkluder jQuery og Bootstrap JavaScript-biblioteket.
2. Legg til følgende JavaScript-kode for å initialisere scrollspy:
```javascript
$(funksjon () {
$('body').scrollspy({
target:'#scrollspy',
offset:20
});
- "Target"-alternativet spesifiserer IDen til navigasjonselementet som inneholder scrollspy-lenkene.
- "Offset"-alternativet angir avstanden i piksler mellom toppen av nettleservinduet og punktet der scrollspy-navigasjonen blir aktiv.
Nå, når en side rulles, vil den aktive lenken i navigasjonen automatisk oppdateres basert på den tilsvarende delen som er synlig i visningsporten.
Husk å erstatte `...`-delene i HTML-markeringen med ditt eget innhold og navigasjonslenker.
früher ： Hvordan lage Bootstrap 5 Popovers?
