August 30
Barre di scorrimento sono le barre orizzontali e verticali a destra e in basso di una pagina Web. A volte sono aggiunti all'interno di sezioni di una pagina Web. È possibile rimuovere le barre di scorrimento per impedire lo scorrimento attraverso o al di sotto di 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 nei fogli di stile a cascata consente di manipolare le barre di scorrimento in una pagina Web. È possibile nascondere le barre di scorrimento dalla tua pagina intera o di una sezione selezionata e specificare dove le barre di scorrimento vengono rimossi.
1 Avviare un editor di testo, come Blocco note, TextPad o WordPad. Selezionare "File" e "Apri" dal menu. Si apre una finestra di dialogo. Fare doppio clic sul file HTML che contiene le barre di scorrimento che si desidera nascondere.
2 Aggiungere il seguente codice tra i tag <head> della pagina per nascondere le barre di scorrimento completamente anche quando il contenuto è troppo grande:
<Style type = "text / css">
<! -
body {overflow: hidden; }
html {overflow: hidden; }
->
</ Style>
3 Aggiungere il seguente codice tra i tag <head> della pagina per nascondere le barre di scorrimento, ma rivelare quando il contenuto è troppo grande.
<Style type = "text / css">
<! -
body {overflow: auto; }
html {overflow: auto; }
->
</ Style>
4 Sostituire "troppo pieno"; con "troppo pieno-x;" per rimuovere solo le barre di scorrimento orizzontali o con "overflow-y" per rimuovere solo le barre di scorrimento verticali.
5 Aprire il file HTML che si desidera modificare.
6 Inserire il codice seguente tra i tag <HEAD> della pagina per nascondere le barre di scorrimento completamente anche quando il contenuto è troppo grande:
<Style type = "text / css">
<! -
.noscrollbar {overflow: hidden; }
->
</ Style>
7 Inserire il codice seguente tra i tag <HEAD> della pagina per nascondere le barre di scorrimento, ma rivelarli quando il contenuto diventa troppo grande:
<Style type = "text / css">
<! -
.noscrollbar {overflow: auto; }
->
</ Style>
8 Sostituire "troppo pieno"; con "troppo pieno-x;" per rimuovere solo le barre di scorrimento orizzontali o con "overflow-y" per rimuovere solo le barre di scorrimento verticali.
9 Aggiungi 'class = "noscrollbar"' all'interno del DIV o contenitore in cui la barra di scorrimento attualmente appare come segue:
<Div class = "noscrollbar"> Il contenuto va qui. </ Div>