Slik fjerner rullefelt

March 8

Rullefelt er de horisontale og vertikale linjene på høyre og nederst på en webside. De er noen ganger lagt ut for mindre deler av en webside. Du kan fjerne rullefelt for å hindre ruller over eller under en side helt. Alternativt kan du fjerne scrollbars inntil innholdet er for stor for sitt eget område. Overløps eiendom i Cascading Style Sheets lar deg manipulere rullefelt på en webside. Du kan skjule rullefelt fra hele siden eller en utvalgt del og angi hvor rullefelt er fjernet.

Bruksanvisning

Fjerne Scrollbar Fra hel nettside

1 Start en tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller WordPad. Velg "File" og "Open" fra menyen. En dialogboks åpnes. Dobbeltklikk på HTML-fil som inneholder rullefelt du ønsker å skjule.

2 Legg til følgende kode mellom <HEAD> -kode for å skjule rulle helt selv når innholdet er for stor:

<! -

body {overflow: hidden; }

html {overflow: hidden; }

</ Style>

3 Legg til følgende kode mellom <HEAD> -kode for å skjule rullefelt, men avslører dem når innholdet er for stor.

<! -

body {overflow: auto; }

html {overflow: auto; }

</ Style>

4 Erstatt "overflow;" med "overflow-x;" å bare fjerne horisontale rullefelt eller med "overflow-y" å bare fjerne vertikale rullefelt.

Fjerne Scrollbar Fra et avsnitt

5 Åpne HTML-filen du ønsker å endre.

6 Sett inn følgende kode mellom <HEAD> -kode for å skjule rulle helt selv når innholdet er for stor:

<! -

.noscrollbar {overflow: hidden; }

</ Style>

7 Sett inn følgende kode mellom <HEAD> -kode for å skjule rulle men avslører dem når innholdet blir for stor:

<! -

.noscrollbar {overflow: auto; }

</ Style>

8 Erstatt "overflow;" med "overflow-x;" å bare fjerne horisontale rullefelt eller med "overflow-y" å bare fjerne vertikale rullefelt.

9 Legg til "class =" noscrollbar " 'i DIV eller beholder hvor rulle øyeblikket vises som følger:

<Div class = "noscrollbar"> Innholdet går her. </ Div>