Hvordan lage en linje Track Scrollbar i HTML

Hvis innholdet overskrider dimensjonene av et HTML-element, vil det overskytende bli skjult, og overløp data vil ikke vises i brukerens nettleser. Du bruker CSS til å sette opp en linje spor scrollbar for HTML-elementer. Med denne HTML design teknikk, vises et rullefelt når teksten overskrider dimensjonene av en "div" eller et annet element beholder, slik at brukerne kan bla og se ekstra innhold.

Bruksanvisning

1 Bla til mappen som inneholder HTML-side med de elementene du ønsker å forbedre med en scrollbar. Klikk "Åpne med" og velg din foretrukne teksteditor.

2 Lag en CSS-klasse for rullefeltet. Følgende kode oppretter en klasse for en beholder som heter "mycontent":

<Script type = "text / css">

mycontent {

}
</ Script>

Plasser denne koden mellom åpning og lukking "hodet" tagger i HTML-dokumentet.

3 Sett opp rulle klasse med de ønskede scrollbar egenskaper. Følgende kode setter opp en container 150 piksler bred med en loddrett rullefelt:

mycontent {

width: 150px;
overløp: bla;
}

Den "overflow" eiendom forteller nettleseren for å vise et rullefelt dynamisk.