Che cos'è una barra di scorrimento HTML?

Una barra di scorrimento HyperText Markup Language (HTML) è un elemento dell'interfaccia utente che può apparire all'interno della cornice visualizzabile che visualizza un documento HTML. Consente all'utente di spostare la regione visualizzabile 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, anche se alcuni codici HTML e CSS (fogli di stile CSS) possono forzare la visualizzazione di una barra di scorrimento o forzarne una nascosta. 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 su frame visualizzati nella finestra principale. È importante notare che una barra di scorrimento HTML visualizzata all'interno di un documento HTML renderizzato è diversa dall'elemento della barra di scorrimento dell'interfaccia utente grafica (GUI) del sistema operativo che è controllato dal browser Web, sebbene alcune operazioni possano anche modificare l'aspetto della barra di scorrimento del browser .

Quando viene eseguito il rendering 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 si tratta di una barra verticale o orizzontale con frecce posizionate su ciascuna estremità. La barra, che è anche chiamata traccia, ha in cima un riquadro che rappresenta l'area attualmente visualizzata del documento o dell'area più grandi. 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 visualizzabile lungo la traccia.

Quando una regione 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ò provoca 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 un blocco di testo, le aree non visibili semplicemente non verranno visualizzate e nessuna indicazione della loro esistenza sarà evidente.

Attraverso l'uso di CSS, una barra di scorrimento HTML può avere il suo aspetto personalizzato. Questo di solito significa cambiare la sequenza di colori utilizzata per disegnare la barra, i suoi punti luce 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 sistemi operativi supportino questa funzionalità.