Come disattivare la barra di scorrimento orizzontale HTML Style

September 12

Si potrebbe pensare che tutte le funzioni del browser sono inaccessibili, ma questo non è vero. progettisti di siti con una conoscenza poco Cascading Style Sheet (CSS) possono manipolare alcune funzioni del browser, come ad esempio la barra di scorrimento. barre di scorrimento orizzontali e verticali appaiono su una pagina web in cui il contenuto della pagina supera le dimensioni del suo navigatore. Questo permette agli utenti di visualizzare i contenuti che regolando le barre di scorrimento. Per disattivare la barra di scorrimento orizzontale, è possibile aggiungere una singola proprietà CSS al documento HTML.

istruzione

1 Aprite il vostro editor HTML e caricare qualsiasi documento HTML.

2 Incollare il seguente codice nella sezione "testa" del documento:

<Style type = "text / css">

html {

di overflow-x: hidden;

}

</ Style>

Questa dichiarazione CSS definisce proprietà "troppo pieno" del elemento HTML. Impostando il valore che la struttura al "nascosto", si impedisce barre di scorrimento orizzontale di apparire nel browser.

3 Incollare il testo riportato di seguito nella sezione di "corpo" del documento:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

L'aggiunta di una stringa di testo lungo come questo provoca maggior parte dei browser per visualizzare una barra di scorrimento orizzontale. Con l'aggiunta di questo testo al documento HTML, è possibile verificare che la dichiarazione CSS apportate nel passaggio 2 impedisce la barra di scorrimento di apparire.

4 Salvare il documento e visualizzarlo in un browser. Non vedrete una barra di scorrimento orizzontale. Ridurre al minimo il browser per metà della sua dimensione. ancora non visualizzata una barra di scorrimento orizzontale.

Consigli e avvertenze

  • Per dimostrare che il codice CSS disattivata la barra di scorrimento orizzontale, tornare alla sezione "stile" e sostituire la parola "nascosto" con "auto". Questo dice browser per visualizzare la barra di scorrimento orizzontale quando il contenuto overflow in orizzontale. Ricordate che gli utenti non saranno in grado di visualizzare tali contenuti perché avranno alcuna barra di scorrimento orizzontale.