Una questione tanto plebea quanto una barra di scorrimento mancante potrebbe influire sull’attrattiva del tuo sito web. Le barre di scorrimento sono strettamente legate al contenuto: appaiono quando il contenuto aumenta e scompaiono quando diminuisce. Due elementi che influenzano questa dinamica sono i contenitori che contengono il contenuto e la programmazione di una pagina Web.
Volume dei contenuti
Le barre di scorrimento possono scomparire quando il contenuto è in grado di adattarsi al suo contenitore. Ad esempio, un’area di testo potrebbe inizialmente contenere molto più testo di quanto possa visualizzare contemporaneamente. L’area di testo suggerisce la presenza di questo testo in eccesso mostrando le barre di scorrimento. Se tagli o elimini una quantità sufficiente di testo di questo controllo, le barre di scorrimento scompariranno.
Scala dei contenuti
La riduzione delle dimensioni del contenuto esistente può far scomparire le barre di scorrimento. Ad esempio, ridurre la proprietà della dimensione del carattere di un paragrafo comporterà la riduzione di tutto il testo in quel paragrafo; questo significa che il paragrafo richiederà meno spazio. Se la dimensione del carattere si riduce al punto in cui l’intero paragrafo può adattarsi all’interno del suo elemento Div che lo contiene, il Div non avrà bisogno di barre di scorrimento per accogliere il paragrafo.
Ingrandimento del browser
L’utilizzo dei controlli di ingrandimento o zoom del browser può causare la scomparsa delle barre di scorrimento. Osserva questo fenomeno aprendo una pagina Web e premendo ripetutamente “Ctrl-“. Le tue azioni fanno sì che il contenuto della pagina si riduca di dimensioni. Le dimensioni più piccole occupano meno spazio sullo schermo, il che rende sempre più improbabile che il contenuto superi i confini della pagina. Poiché il contenuto ha tutto lo spazio di cui ha bisogno, non ha più bisogno di barre di scorrimento.
Dimensioni del contenitore
Le barre di scorrimento possono scomparire quando un elemento della pagina che contiene il contenuto si espande per accogliere il contenuto in eccesso. Ad esempio, è possibile ridimensionare una finestra del browser Web in modo che occupi solo metà della larghezza disponibile del monitor. Questa azione fa apparire una barra di scorrimento orizzontale perché il contenuto della pagina non può rientrare in uno spazio così ristretto. Facendo clic sul pulsante “Ingrandisci” della finestra del browser si espanderà la larghezza della finestra alla larghezza del monitor, facendo scomparire la barra di scorrimento orizzontale.
Programmazione delle pagine
Le barre di scorrimento possono scomparire quando uno sviluppatore Web scrive istruzioni di programmazione che ne impediscono la visualizzazione. Ad esempio, quando un elemento Div HTML ha più testo di quello che può visualizzare contemporaneamente, lo sviluppatore può specificare che il Div nasconda l’eccesso, invece di adattarlo con barre di scorrimento. Lo sviluppatore ottiene questo risultato scrivendo istruzioni CSS, o Cascading Style Sheets. La seguente istruzione CSS nasconde il testo in eccesso di un Div, invece di indicarne la presenza con le barre di scorrimento: overflow: hidden.
Informazioni sul controllo delle versioni
Le informazioni in questo articolo si applicano alla programmazione HTML e CSS. Può variare leggermente o significativamente con altre tecnologie.