Bootstrap 5 Scrollspy Plugin er et navigasjonssystem som fremhever Navbar -lenker når brukeren ruller siden siden. Scrollspy indikerer brukerens plassering på en webside som hjelper dem å se hvor de står på den siden. Scrollspy brukes bare med NAV- eller listegrupper. Før du bruker ScrollSpy, må den relative posisjonen brukes på HTML -kroppen.

Denne artikkelen erkjenner om

• Opprettelse av Scrollspy
• Scrollspy med Navbar
• Scrollspy med listegruppe

Lag Scrollspy

Scrollspy kan brukes på de to komponentene:

• Navbar
• Listegruppe

Scrollspy med Navbar

For å lage en Scrollspy, bruk data-bs-spy = ”rulle” Attributt for å gjøre det nødvendige området rullbar. For eksempel velger vi HTML -kropp som det rullbare området. Gi ID eller klassenavn på navigasjonslinjen til Data-BS-mål Attributt til Connect Navbar eller listegruppe med rullbar område.

Kode for Head Section

Kode for kroppsseksjon

Seksjon 1

Avsnitt 2

Avsnitt 3

Avsnitt 4

Avsnitt 5

Avsnitt 6

Slik er det opprettet en Scrollspy i Bootstrap 5.

Scrollspy med listegruppe

Nedenfor er et eksempel på Scrollspy med en listegruppe. Attributtet data-bs-spy = ”rulle” brukes til å gjøre div rullbar og Data-BS-mål Attributt brukes til å sikre at innholdet er koblet til rullbart område. Til slutt, for å mulig.

Kode for Head Section

Kode for kroppsseksjon

Bootstrap Scrollspy

Seksjon 1
Avsnitt 2
Avsnitt 3
Avsnitt 4
Avsnitt 5

Seksjon 1

Bootstrap 5 Scrollspy Plugin er et navigasjonssystem som fremhever Navbar -koblingene når brukeren ruller
side. Scrollspy indikerer brukerens plassering på en webside som hjelper dem å se hvor de er
Står på den siden. Scrollspy brukes bare med NAV- eller listegrupper. Før du bruker ScrollSpy slektningen
Posisjon må påføres HTML -kroppen.

Avsnitt 2

Bootstrap 5 Scrollspy Plugin er et navigasjonssystem som fremhever Navbar -koblingene når brukeren ruller
side. Scrollspy indikerer brukerens plassering på en webside som hjelper dem å se hvor de er
Står på den siden. Scrollspy brukes bare med NAV- eller listegrupper. Før du bruker ScrollSpy slektningen
Posisjon må påføres HTML -kroppen.

Avsnitt 3

Bootstrap 5 Scrollspy Plugin er et navigasjonssystem som fremhever Navbar -koblingene når brukeren ruller
side. Scrollspy indikerer brukerens plassering på en webside som hjelper dem å se hvor de er
Står på den siden. Scrollspy brukes bare med NAV- eller listegrupper. Før du bruker ScrollSpy slektningen
Posisjon må påføres HTML -kroppen.

Avsnitt 4

Bootstrap 5 Scrollspy Plugin er et navigasjonssystem som fremhever Navbar -koblingene når brukeren ruller
side. Scrollspy indikerer brukerens plassering på en webside som hjelper dem å se hvor de er
Står på den siden. Scrollspy brukes bare med NAV- eller listegrupper. Før du bruker ScrollSpy slektningen
Posisjon må påføres HTML -kroppen.

Avsnitt 5

Bootstrap 5 Scrollspy Plugin er et navigasjonssystem som fremhever Navbar -koblingene når brukeren ruller
side. Scrollspy indikerer brukerens plassering på en webside som hjelper dem å se hvor de er
Står på den siden. Scrollspy brukes bare med NAV- eller listegrupper. Før du bruker ScrollSpy slektningen
Posisjon må påføres HTML -kroppen.

Dette er hvordan Scrollspy er opprettet ved hjelp av listegrupper.

Konklusjon

Scrollspy er opprettet ved å bruke attributt data-bs-spy = ”rulle” og Data-BS-mål attributt på kroppskoden for å få det til å rulle, og hvis du vil bruke disse attributtene på en div, så legg til Data-offset attributt og sett overløp til bil. I artikkelen ovenfor blir opprettelsesprosessen til en rullering forklart i detalj og for å få Scrollspy til å fungere ordentlig, sørg alltid for at kroppens plassering er satt til slektning.