Sette inn en Scrollbar

Legge til en scrollbar på websiden er viktig når alt innholdet ikke passer i et begrenset område, og du ønsker å la besøkende bla for å se mer innhold. Scrollbar innstillinger håndteres med CSS, ved hjelp av "overflow" attributt. Du kan angi om du vil at leseren skal automatisk legge rullefelt, eller å alltid vise en bruker spesifisert kombinasjon av horisontale og vertikale rullefelt.

Bruksanvisning

1 Åpne HTML-kildefilen i et tekstredigeringsprogram, for eksempel Windows Notisblokk.

2 Legg en CSS stil innenfor "<head>" -delen av HTML-fil, ved hjelp av "overflow" egenskap til å legge én til to rullefelt. Den "overflow" attributt håndterer hva de skal gjøre når innholdet ikke passer pent innenfor et begrenset størrelse område. En "overflow" innstilling av "auto" vil legge til én til to rullefelt, men bare når de trengs. En "overflow" innstilling av "Scroll" vil tvinge både en horisontal og vertikal scrollbar å vise. En "overflow-x: skjult" eller "overflow-y: hidden» innstillingen vil eventuelt skjule den horisontale eller vertikale rullefelt. Ta med eventuelle andre ønskede egenskaper som områdets bredde og høyde.

3 Legg en avdeling i kroppen av HTML-fil som bruker samme stil klasse du opprettet. For eksempel "<div class =" MyClass "> tekst her </ div>" vil vise "tekst her" i en boks som har både horisontale og vertikale rullefelt.

4 Lagre HTML-fil og laste den opp på serveren din for å sikre at det fungerer som den skal.