Slik deaktiverer den horisontale HTML stil Scrollbar

Du tenker kanskje at alle leser funksjoner er utilgjengelige, men det er ikke sant. Site designere med litt Cascading Style Sheet (CSS) kunnskap kan manipulere noen nettleserfunksjoner, for eksempel rullefeltet. Horisontale og vertikale rullefelt vises på en nettside når sidens innhold stiger nettleserens dimensjoner. Dette tillater brukere å vise at innholdet ved å justere rullefeltene. Hvis du vil deaktivere den horisontale rullefeltet, kan du legge til en enkelt CSS eiendom til HTML-dokumentet.

Bruksanvisning

1 Åpne HTML editor og legge i HTML-dokumentet.

2 Lim inn følgende kode i dokumentet er "head" -seksjonen:

<Style type = "text / css">

html {

flow-x: hidden;

}

</ Style>

Dette CSS erklæringen definerer HTML-elementet er "overflow" eiendom. Ved å sette på at eiendommens verdi til "skjult", du forhindre vannrette rullefelt vises i nettleseren.

3 Lim inn følgende tekst i dokumentet "body" -delen:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Legge til en lang tekststreng som dette forårsaker de fleste nettlesere for å vise en vannrett rullefelt. Ved å legge denne teksten i HTML-dokument, kan du kontrollere at CSS erklæring du gjorde i trinn 2 hindrer rullefeltet vises.

4 Lagre dokumentet og vise den i en nettleser. Du vil ikke se en vannrett rullefelt. Minimerer nettleseren til halve størrelsen. En vannrette rullefeltet vil fortsatt ikke vises.

Hint

• For å bevise at CSS-koden deaktivert den horisontale rullefeltet, tilbake til "style" -delen og erstatte ordet "skjult" med "auto". Dette forteller nettlesere for å vise den horisontale rullefeltet når innhold flyter horisontalt. Husk at brukerne ikke vil være i stand til å vise slikt innhold, fordi de ikke vil ha noen vannrette rullefeltet.