In questo articolo parleremo del rapporto esistente tra l'overflow CSS e gli elementi a comparsa laterale.
Gli elementi a comparsa laterale sono solitamente nascosti utilizzando le proprietà position
o transform
. Tuttavia, se la proprietà overflow
o overflow-x
o overflow-y
non vengono opportunamente impostate sul valore hidden
, comparirà una barra di scorrimento orizzontale o verticale a seconda della posizione degli elementi.
Questo tipo di elementi non usa la dichiarazione display: none
, quindi il loro layout ha ancora un impatto visibile sulla pagina. Quindi se ad esempio abbiamo un menu a comparsa laterale, dovremo usare la seguente regola:
html, body {
overflow-x: hidden;
}
La dichiarazione impedirà la comparsa della barra di scorrimento orizzontale sulla pagina perché, ricordiamolo, le specifiche stabiliscono che in caso di contenuto in eccesso i browser dovranno sempre fornire un meccanismo di scorrimento per impostazione predefinita.