HTML kode for No Horisontal Scrollbar
Den horisontale rullefeltet er unslightly; med folk flest bruker widescreen-skjermer og store beslutninger, det er nesten ikke behov for det. Hvis du ønsker å gå en ekstra mil og forvise det helt fra HTML-elementer, kan du gjøre det med en CSS. Man kan fjerne den horisontale rulle fra en rekke forskjellige HTML-elementer.
Hiding Horisontal Scrollbar
For å endre oppførselen til den horisontale rullefeltet på nettstedet ditt, du kommer til å trenge å bruke CSS. Du kan gjøre dette innenfor et stilark, eller direkte i HTML-koden for ditt element ved å legge stilen attributtet. Hvis du fjerner den horisontale rullefeltet fra en div element med stil attributt, ville det se slik ut:
<Div style = "width: 800px; height: 200px; overflow-x: hidden;">
"Overflow-x" er eiendommen som skjuler din horisontal scrollbar. Den "-x" henviser spesifikt til den horisontale linjen, som i x-aksen; hvis du ønsket å skjule loddrett rulle du vil bruke «overflow-y", og hvis du ønsket å skjule både du ville bare bruke "overflow".
Hvis du ønsker å bruke et stilark for denne effekten, kan du gi den div en id (f.eks <div id = "name">) og angi den i stilark:
navn {
width: 800px;
height: 200px;
flow-x: hidden;}
støttede Elements
Du kan skjule rullefeltet på alle objekt som kan bla. Oftest dette er brukt på div lag og iframes, men du kan også bruke den til hele kroppen på siden din, ved å endre enten <body> eller body-delen av stilark. Du kan bruke stilark til å sette tekstområder (<textarea>) ikke til å rulle, men du kan ikke bruke stilen attributt til et tekstområde tag.
Fordeler
Den horisontale rullefeltet tar opp plass; hvis siden bruker mindre elementer eller lag, en horisontal scrollbar ikke bare søl med det estetiske på siden din, men tar også opp plass som kunne brukes for innholdet. Horisontal rulling er generelt ansett som dårlig webdesign. Mens det er visse nettstedet oppsett og kunstneriske design som eksperimenterer med den funksjonen, det er ikke den beste designen for å holde besøkende på siden din i det hele tatt.
betraktninger
Hvis du fjerner den horisontale rullefeltet, kan du gjøre visnings websiden hardere på brukere med en mindre skjermoppløsning. Hvis en eller annen grunn innholdet overstiger grensene for ditt element, vil ikke brukerne kunne rulle over til å vise resten av innholdet. Ifølge w3schools statistikk, 85 prosent av brukerne har en skjermoppløsning høyere enn 1024 x 768 piksler, men det er ingen grunn til å la den andre 15 prosent ut i kulden. Pass på å sjekke at innholdet passer i boksen på en rekke nettlesere og skjermoppløsninger.