Les barres de desplaçament són barres verticals i horitzontals al llarg de la dreta (quan s'escriu d'esquerra a dreta) i les vores inferiors d'una finestra o d'una àrea separada dins d'una finestra, dissenyades per moure el contingut vertical o horitzontalment. Les pàgines web fan servir elements CSS (Cascading Style Sheets) incrustats en HTML per controlar-ne l’aspecte i el comportament.
Instruccions
Pas 1
Utilitzeu una etiqueta div si voleu que la barra de desplaçament no sigui per a tota la pàgina, sinó només per a una àrea limitada. En HTML (HyperText Markup Language), les "etiquetes" fan referència a ordres individuals d'un navegador per mostrar un element de pàgina concret. En la seva forma més senzilla, una etiqueta div (sovint anomenada "capa") s'escriu així:
Aquest és el text dins de la capa
Aquí hi ha l’etiqueta inicial i l’etiqueta final. Tot el que es col·loca entre les etiquetes d'obertura i de tancament es troba a la capa com al contenidor i es pot dimensionar aquest contenidor: amplada i alçada. Això es fa mitjançant un estil de paràmetre addicional ("atribut"), que s'hauria d'afegir a l'etiqueta d'obertura:
Aquest és el text dins de la capa
Pas 2
Incloeu també a l'atribut d'estil de l'etiqueta div i les regles de les barres de desplaçament de la capa:
Aquest és el text dins de la capa
Aquí desbordament: automàtic significa que les barres de desplaçament apareixeran automàticament, és a dir, quan el contingut de la capa no s'adapti a les dimensions especificades. Si automàticament se substitueix per desplaçament, aquestes ratlles sempre estaran presents, independentment de si són necessàries o no. Un valor ocult tindrà l’efecte contrari: el desplaçament mai no apareixerà, fins i tot si el contingut d’aquest contenidor no és visible més enllà de les seves vores.
Pas 3
Utilitzeu un mètode similar per afegir barres de desplaçament a la pàgina en conjunt. Per defecte, apareixen segons sigui necessari, però si per alguna raó és necessària la seva presència constant a la pàgina, s'hauria d'afegir la regla d'estil corresponent al codi html font. Cerqueu l’etiqueta de tancament del cap del document al codi de la pàgina i escriviu aquestes instruccions d’estil al davant:
body {overflow: scroll;}
