Come aggiungere una barra di scorrimento

June 6

Una barra di scorrimento è un oggetto interfaccia utente grafica che consente un rotolo utente attraverso i contenuti che non rientra in una finestra. Sui siti web una barra di scorrimento può essere aggiunto utilizzando i fogli di stile CSS, o CSS, attributo di stile di overflow. Barre di scorrimento hanno diversi problemi e devono essere utilizzati con cautela. Qualcuno la stampa della pagina Web si ottiene solo per vedere la parte visibile nell'area contenuto del barra di scorrimento. rotellina del mouse l'utente potrebbe non scorrere correttamente l'area correttamente, e se si utilizza una piccola finestra del browser, che sarà visualizzare un'interfaccia barra di scorrimento più confusa.

istruzione

1 Aprire la pagina Web con un editor HTML o un editor di testo come Blocco note. editor HTML forniscono ulteriori funzionalità specifiche per la progettazione Web e di solito offrono codifica a colori.

2 Determinare la larghezza, l'altezza, imbottiture e tutti gli altri attributi di stile dell'area del contenuto che si desidera rendere scorrevole. Utilizzare il tag HTML <div> per aggiungere i valori più un attributo di stile di overflow. Il tag <div> definisce una sezione in una pagina HTML che può essere individualizzata e formattato con gli stili. Uso di "overflow: auto" rende la regione hanno automaticamente una barra di scorrimento quando necessario. In alternativa, "overflow: scroll" può essere usato per forzare sempre una barra di scorrimento orizzontale e verticale. Un esempio è:

<Div style = "width: 200px; height: 250px; overflow: auto; padding: 3px">

3 Aggiungere il contenuto da visualizzare all'interno dell'area scorrevole. Questo può essere solo testo o qualsiasi tipo di HTML valido, come immagini, video o Flash.

4 Completa l'area dei contenuti con l'HTML </ div> tag. Questo segna la fine dell'area del contenuto scorrevole. Un esempio finito è:

<Div style = "width: 200px; height: 250px; overflow: auto; padding: 3px">
Content visualizzata qui.
</ Div>

Consigli e avvertenze

  • Diversi browser Web e anche versioni differenti possono visualizzare le barre di scorrimento in modi diversi. Aprire una versione di prova della pagina Web nei principali browser Web per assicurarsi che sia visualizzato come previsto.