Hvordan legge til en fast Scrollbar til et nettsted med CSS

Tekstboksen på nettstedet ditt inneholder en scrollbar på bunnen eller siden, som hjelper besøkende se all informasjon på innsiden av det. Som med andre sideelementer, forsvinner denne rulletekstboksen fra visningen når besøkende beveger websiden opp eller ned i et nettleservindu. Du kan gjøre dette elementet holder seg på plass ved hjelp av Cascading Style Sheets, eller CSS. Bruk datamaskinens teksteditor programvare for å legge til CSS-kode som gjør en fast scrollbar på ditt nettsted.

Bruksanvisning

1 Ta opp din tekst editor programvare og åpne dokumentet der du vil legge til en fast scrollbar.

2 Skriv inn følgende CSS-kode før den avsluttende "</ head>" tag:

<Style type = "text / css">
div # faste {}
</ Style>

Den "div # fast" regel klarer å rulle tekstboksen på siden.

3 Skriv "stilling: fast;" mellom klammeparenteser til å angi om du ikke ønsker tekstboksen for å forsvinne når du bla oppover eller nedover. Også skrive inn "overløp: bla;" å indikere at du vil at scrollbar skal vises på tekstboksen. Å illustrere:

div # faste {stilling: fast;
overløp: bla; }

4 Type "height:;" og "width:;" og angi tallverdier i piksler for å angi dimensjonene på rulleboksen. Din ferdig CSS-koden ser nå slik ut:

<Style type = "text / css">
div # faste {stilling: fast;
overløp: bla;
height: 150px;
width: 300px; }
</ Style>

5 Skriv "<div id =" faste "> </ div>" i området på siden der du vil at boksen skal vises. Skriv inn innholdet som vises inni boksen mellom div koder, som så:

<Div id = "fast">
<P> Dette er innholdet i din rullende tekstboksen. </ P>
</ Div>

6 Lagre filen. Forhåndsvis siden din i en nettleser for å se din faste scrollbar.