Una barra di scorrimento HTML (HyperText Markup Language) è un elemento dell’interfaccia utente che può apparire all’interno della cornice visualizzabile che mostra un documento HTML. Consente a un utente di spostare l’area visibile di un’area dello schermo lasciando intatte le aree circostanti. In molti casi, una barra di scorrimento HTML può essere generata automaticamente dal visualizzatore di documenti HTML, sebbene alcuni codici HTML e fogli di stile a cascata (CSS) possano forzare la visualizzazione di una barra di scorrimento o nasconderne una. All’interno di una pagina web, una barra di scorrimento HTML può essere una soluzione di formattazione definita in caso di overflow del contenuto, oppure può essere una proprietà che può essere impostata sui frame visualizzati nella finestra principale. È importante notare che una barra di scorrimento HTML che appare all’interno di un documento HTML sottoposto a rendering è diversa dall’elemento della barra di scorrimento dell’interfaccia utente grafica (GUI) del sistema operativo controllato dal browser Web, sebbene alcune operazioni possano anche modificare l’aspetto della barra di scorrimento del browser .
Quando viene visualizzata all’interno di un documento HTML, una barra di scorrimento HTML ha l’aspetto generale dell’elemento GUI della barra di scorrimento del sistema predefinito. Di solito è una barra verticale o orizzontale con frecce posizionate su ciascuna estremità. La barra, chiamata anche traccia, ha quindi un riquadro in alto che rappresenta l’area attualmente visualizzata del documento o dell’area più grande. La barra di scorrimento può essere manipolata facendo clic sulle frecce con il cursore del mouse per spostare l’area visualizzata o trascinando direttamente la casella dell’indicatore visibile lungo la traccia.
Quando un’area come una cornice è definita in HTML o con CSS, la quantità di spazio prevista in pixel a volte non è disponibile a causa di una diversa risoluzione dello schermo o dimensione della finestra. Ciò causa un overflow, il che significa che testo, immagini e altri elementi non possono essere visualizzati completamente nello spazio disponibile. Un comportamento che può essere specificato in un documento HTML è che il renderer crei una barra di scorrimento HTML in modo che un utente possa spostarsi in diverse parti non visibili dell’area in uno spazio limitato. In alternativa, la barra di scorrimento può essere disabilitata, il che significa che se viene visualizzata solo una parte di un’immagine o di un blocco di testo, le aree non visibili semplicemente non verranno visualizzate e non sarà evidente alcuna indicazione della loro esistenza.
Attraverso l’uso dei CSS, una barra di scorrimento HTML può avere il suo aspetto personalizzato. Questo di solito significa cambiare la sequenza di colori che vengono utilizzati per disegnare la barra, le sue luci e le sue ombre. Con l’uso di linguaggi di scripting e alcuni codici non standard, la grafica effettiva utilizzata per visualizzare una barra di scorrimento HTML può essere modificata per un aspetto più personalizzato, sebbene non tutti i browser o i sistemi operativi supportino questa funzionalità.