Le barre di scorrimento sono le barre orizzontali e verticali a destra e inferiore di una pagina Web. A volte vengono aggiunti all'interno delle sezioni di una pagina Web. È possibile rimuovere le barre di scorrimento per evitare lo scorrimento attraverso o sotto una pagina del tutto. In alternativa, è possibile rimuovere le barre di scorrimento fino a quando il contenuto è troppo grande per la sua area designata. La proprietà overflow in fogli di stile CSS consente di manipolare le barre di scorrimento in una pagina Web. È possibile nascondere le barre di scorrimento dall'intera pagina o una sezione selezionata e specificare dove le barre di scorrimento vengono rimossi.

Istruzioni

Rimozione di barra di scorrimento da tutta la pagina Web

1

Avviare un editor di testo, ad esempio Blocco note, TextPad o WordPad. Selezionare "File" e "Apri" dal menu. Si apre una finestra di dialogo. Fare doppio clic il file HTML che contiene le barre di scorrimento che si desidera nascondere.

2

Aggiungere il seguente codice tra i tag < HEAD > della tua pagina per nascondere le barre di scorrimento completamente anche quando il contenuto è troppo grande:

< style type = "text/css" >

<!...

corpo {overflow: hidden;}

HTML {overflow: hidden;}

-->

< / stile >

3

Aggiungere il seguente codice tra i tag < HEAD > della tua pagina per nascondere le barre di scorrimento, ma rivelare loro quando il contenuto è troppo grande.

< style type = "text/css" >

<!...

corpo {overflow: auto;}

HTML {overflow: auto;}

-->

< / stile >

4

Sostituire "overflow;" con "overflow-x;" per rimuovere solo le barre di scorrimento orizzontale o con "overflow-y" per rimuovere solo le barre di scorrimento verticale.

Rimuovere la barra di scorrimento da una sezione

5

Aprire il file HTML che si desidera modificare.

6

Inserire il seguente codice tra i tag < HEAD > della tua pagina per nascondere le barre di scorrimento completamente anche quando il contenuto è troppo grande:

< style type = "text/css" >

<!...

.noscrollbar {overflow: hidden;}

-->

< / stile >

7

Inserire il seguente codice tra i tag < HEAD > della tua pagina per nascondere le barre di scorrimento, ma rivelare loro quando il contenuto diventa troppo grande:

< style type = "text/css" >

<!...

.noscrollbar {overflow: auto;}

-->

< / stile >

8

Sostituire "overflow;" con "overflow-x;" per rimuovere solo le barre di scorrimento orizzontale o con "overflow-y" per rimuovere solo le barre di scorrimento verticale.

9

Aggiungi ' classe = "noscrollbar" ' all'interno del DIV o contenitore dove la barra di scorrimento appare attualmente come segue:

< div class = "noscrollbar" > il contenuto va qui. < / div >