Se il contenuto supera le dimensioni di un elemento HTML, l'eccedenza sarà nascosto, ei dati di overflow non sarà visualizzato nel browser dell'utente. È possibile utilizzare i CSS per impostare una pista di scorrimento linea per gli elementi HTML. Con questa tecnica di progettazione HTML, una barra di scorrimento viene visualizzato quando il testo supera le dimensioni di un "div" o altro contenitore elemento, consentendo agli utenti di scorrere e visualizzare il contenuto aggiuntivo.

istruzione

1 Passare alla cartella che contiene la pagina HTML con gli elementi che si desidera migliorare con una barra di scorrimento. Fai clic su "Apri con" e selezionare il vostro editor di testo preferito.

2 Creare una classe CSS per la barra di scorrimento. Il codice seguente crea una classe per un contenitore denominato "MyContent":

<Script type = "text / css">

MyContent {

}
</ Script>

Inserire questo codice tra l'apertura e chiusura tag "testa" nel documento HTML.

3 Impostare la classe barra di scorrimento con le proprietà ScrollBar desiderati. Il codice seguente imposta un contenitore largo 150 pixel con una barra di scorrimento verticale:

MyContent {

width: 150px;
overflow: scroll;
}

La proprietà "troppo pieno" dice al browser per visualizzare una barra di scorrimento in modo dinamico.