Se si prende vantaggio di scatole di scorrimento sul vostro sito web, si ha la possibilità di controllare il comportamento verticale della barra di scorrimento con Cascading Style Sheets (CSS). In questo modo, quando il contenuto va passato, o overflow, i limiti della casella, si istruisce il browser per visualizzare solo la barra che va su e giù, piuttosto che da sinistra a destra. Capire come applicare CSS per impostare il rotolo troppopieno solo in direzione verticale.

istruzione

1 Avviare il programma di editor di testo e aprire il documento pagina Web che ha la funzione di scorrimento.

2 Posizionare il cursore prima della chiusura "</ head>" tag e digitare il seguente codice CSS:
<Style type = "text / css">
<! -
div {}
->
</ Style>

L'elemento div è il tag che contiene in genere la casella di scorrimento in una pagina Web.

3 Digitare "overflow-y:;" tra le parentesi graffe e digitare "scorrimento" dopo i due punti. Inoltre, tipo "overflow-x:;" e inserire "nascosti" come valore. Illustrare:
div {trabocco-y: scroll; di overflow-x: hidden; }

L'attributo di overflow-y con il valore di scorrimento indica al browser di visualizzare solo una barra di scorrimento verticale, mentre il descrittore di overflow-x nasconde la barra orizzontale.

4 Salvare il file e caricarlo sul proprio host Web per pubblicare il proprio lavoro sul Web.