CSS: overflow e elementi a comparsa laterale

CSS: overflow e elementi a comparsa laterale

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.

Torna su