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.