CSS - Schuifbalk verbergen of altijd tonen


Je hebt normaal gesproken uiteraard twee schuifbalken binnen de browser, een horizontale en een verticale schuifbalk. Middels CSS kun je beide schuifbalken of een van de twee naar wens verbergen mocht dit nodig zijn. Hieronder de code om de schuifbalken te verbergen of te tonen, x betreft de horizontale schuifbalk en y is de verticaal schuifbalk.

De onderstaande code werkt voor alle browsers. Vul 'scroll' in om de schuifbalk zichtbaar te maken, gebruik 'hidden' om de schuifbalk van de browser juist altijd te verbergen.

html {
        overflow-x:hidden;
        overflow-y:scroll;
}