Le barre di scorrimento sono barre verticali e orizzontali lungo i bordi destro (quando si scrive da sinistra a destra) e inferiori di una finestra o un'area separata all'interno di una finestra, progettate per spostare il contenuto verticalmente o orizzontalmente. Le pagine Web utilizzano elementi CSS (Cascading Style Sheets) incorporati nell'HTML per controllarne l'aspetto e il comportamento.
Istruzioni
Passo 1
Usa un tag div se vuoi rendere la barra di scorrimento non per l'intera pagina, ma solo per un'area limitata di essa. In HTML (HyperText Markup Language), i "tag" si riferiscono a singoli comandi per un browser per visualizzare un particolare elemento della pagina. Nella sua forma più semplice, un tag div (spesso indicato come "layer") è scritto in questo modo:
Questo è il testo all'interno del livello
Ecco il tag di apertura ed è il tag di chiusura. Tutto ciò che è posizionato tra i tag di apertura e chiusura è nel livello come nel contenitore e questo contenitore può essere dimensionato - larghezza e altezza. Questo viene fatto usando uno stile di parametro aggiuntivo ("attributo"), che dovrebbe essere aggiunto al tag di apertura:
Questo è il testo all'interno del livello
Passo 2
Includere nell'attributo style del tag div e le regole anche per le barre di scorrimento del layer:
Questo è il testo all'interno del livello
Qui overflow: auto significa che le barre di scorrimento appariranno automaticamente, cioè quando il contenuto del livello non rientrerà nelle dimensioni specificate. Se auto viene sostituito con scroll, queste strisce saranno sempre presenti, indipendentemente dal fatto che siano necessarie o meno. Un valore nascosto avrà l'effetto opposto: la pergamena non apparirà mai, anche se il contenuto di questo contenitore non è visibile oltre i suoi bordi.
Passaggio 3
Usa un metodo simile per aggiungere le barre di scorrimento alla pagina nel suo insieme. Per impostazione predefinita, vengono visualizzati come necessario, ma se per qualsiasi motivo è necessaria la loro presenza costante nella pagina, è necessario aggiungere la regola di stile corrispondente al codice html sorgente. Trova il tag di chiusura della testata del documento nel codice della pagina e scrivi queste istruzioni di stile davanti ad esso:
corpo {overflow: scroll;}
