Quando si sente la parola "overflow", si può immaginare una sostanza come l'acqua che si rovesciano fuori relativo contenitore. Gli elementi in una pagina Web hanno anche la capacità di overflow. Infatti, i creatori di fogli di stile CSS definita una proprietà CSS denominata "overflow". Monitor di computer..--limitata nelle dimensioni..--può mostrare solo molte informazioni alla volta su uno schermo. Superare questa limitazione, dando ai visitatori del sito la possibilità di scorrere gli elementi HTML quali div e controlli di zona di testo.
Istruzioni
1
Lanciare un word processor o editor HTML. Aprire uno dei vostri documenti di pagina Web.
2
Aggiungere il seguente codice HTML alla sezione body del documento:
< div class = "scorrere" >
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
prova prova prova prova prova prova prova prova
< / div >
< textarea id = "TextArea1" class = "scorrimento" cols = "30" f = "3" / >
Questo codice crea un elemento DIV che fa riferimento a una classe CSS denominata "scorrere". Controllo textarea fa inoltre riferimento a tale classe.
3
Aggiungere questo codice CSS alla sezione "head" del documento:
< style type = "text/css" >
.Scroll {overflow: scroll; height: 100px; Larghezza: 200px;}
< / stile >
Questa classe di "scorrimento" imposta il valore dell'attributo overflow per "scorrere". Questa operazione aggiunge una barra di scorrimento per gli elementi della pagina che fa riferimento alla classe. Impostazione dei valori di altezza e larghezza per piccoli numeri consente di testare la barra di scorrimento facendo piccoli zona DIV e testo.
4
Salvare il documento HTML e aprirlo nel browser. Le barre di scorrimento sono visualizzati il DIV e l'elemento di area di testo. Fare clic su barre di scorrimento con il mouse e trascinare per scorrere gli elementi HTML.
Consigli & Avvertenze
- È inoltre possibile consentire browser decidono quando visualizzare le barre di scorrimento HTML. Modificare il valore dell'attributo overflow per "auto" invece di "scorrimento" e browser di un utente aggiunge una barra di scorrimento se il contenuto di un elemento supera relativo contenitore.