Hoe om te voorkomen dat Scrollbar Shift

Een van de problemen waarmee webontwikkelaars soms geconfronteerd is een scrollbar op hun pagina dat ervoor zorgt dat een verschuiving in de inhoud. Dit betekent dat als een lezer wordt verplaatst van de ene pagina naar de andere op dezelfde website, hij merken zal dat een schuifbalk wordt weergegeven op de pagina's moeten meer inhoud op hen. Omdat deze pagina's meer inhoud hebben, moeten ze een schuifbalk te laten bereiken de inhoud. Wanneer een schuifbalk wordt weergegeven, schuift de inhoud op een pagina ongeveer 16 pixels om ruimte voor de scrollbar te maken.

Instructies

1

Meld u aan bij uw webbrowser. Open de HTML-pagina waarop u momenteel niet een scrollbar hebben.

2

Klik in de sectie < head > van de pagina.

3

Voeg deze code:

HTML {min-hoogte: 100%; margin-bottom: 1px;}

Dit voegt een kleine verticale schuifbalk van één pixel aan de pagina en elimineert een scrollbar verschuiving wanneer een nieuwe pagina wordt geopend.

4

Publiceren naar de pagina.