Les barres de desplaçament s’utilitzen per canviar el posicionament del contingut que es mostra a la finestra de l’aplicació, normalment la pàgina del document. Per defecte, apareixen automàticament en els casos en què l'amplada o l'alçada de la finestra no són suficients per mostrar tota la pàgina oberta. Per tant, per desfer-vos de la barra de desplaçament horitzontal, heu de canviar l’amplada de la pàgina o de la finestra de l’aplicació on està oberta.
Instruccions
Pas 1
Allunya la pàgina: aquesta és la manera més senzilla d’eliminar la barra de desplaçament horitzontal quan es visualitza la pàgina. En qualsevol navegador, es pot fer girant la roda del ratolí cap a vosaltres mentre manteniu premuda la tecla ctrl. Molts editors de text (per exemple, Microsoft Word) també admeten aquest control de zoom de pàgina. Als navegadors, també podeu utilitzar la tecla menys en lloc del ratolí. Cada clic o gir de la roda d'una sola parada reduirà un 10% fins que la mida horitzontal sigui prou gran per mostrar la pàgina sense una barra de desplaçament horitzontal.
Pas 2
Utilitzeu la possibilitat del navegador per manipular el codi font d’una pàgina web i canviar els estils de visualització especificats per tal que coincideixin amb l’amplada de la finestra; alguns navegadors web tenen aquesta opció. Per exemple, al navegador Opera, només cal que feu clic a la icona "Ajusta a l'amplada" i la barra de desplaçament horitzontal desapareixerà i les columnes de la pàgina visualitzada canviaran de mida. Si cal tornar al disseny de pàgina especificat pel creador, torneu a fer clic en aquesta icona.
Pas 3
Quan creeu pàgines web, utilitzeu la propietat CSS overflow-x per desactivar forçadament el desplaçament horitzontal de tota la pàgina o dels seus elements de bloc individuals. Aquesta propietat s'ha introduït a CSS des de la versió 3.0 i és compatible amb tots els navegadors moderns. Els valors que se li poden assignar són automàtics, ocults, desplaçaments, visibles. Si aquesta propietat no s'especifica a les descripcions d'estil, es considera que té el valor automàtic, és a dir, el desplaçament horitzontal hauria d'aparèixer quan el contingut no s'ajusti a l'amplada de l'element. Per desactivar el desplaçament per a tots els casos, utilitzeu el valor ocult. Per exemple:
cos {overflow-x: hidden;}
