April 12
Le barre di scorrimento in una pagina web può permettere di risparmiare spazio sullo schermo, consentendo ai tuoi lettori di scorrere all'interno di un elemento <div> o simili. A volte, però, queste barre di scorrimento possono essere sgradevoli, piuttosto che utile. Per dare ai tuoi lettori la scelta, aggiungere un pulsante che commuta tra attivazione e la disattivazione delle barre di scorrimento con un solo clic.
1 Apri la pagina web in un editor HTML o un editor di testo come Blocco note (Microsoft Windows), TextEdit (Apple OSX) o pico (sistemi * nix).
2 Individuare l'intestazione del documento, che inizia con un tag "<head>" e termina con una chiusura "</ head>" tag. Sulla linea dopo il tag "<head>", aggiungere una semplice funzione JavaScript per attivare e disattivare le barre di scorrimento:
<Script type = "text / javascript">
<! -
Funzione toggleScrollbar (el_id) {
if (document.getElementById (el_id) .style.overflow == "nascosto") {document.getElementById (el_id) .style.overflow = "scroll"; }
else {document.getElementById (el_id) .style.overflow = "hidden"; }
}
->
</ Script>
3 Individuare l'elemento (ad esempio un "<div>" o una forma "<textarea>") e nota la sua "id", definita dall'attributo "id =" nel tag. Se l'elemento non dispone già di un ID, aggiungere uno, fare in modo che sia unico e non condiviso da tutti gli altri elementi della pagina.
4 Aggiungere una nuova riga dopo tag di chiusura dell'elemento con un div riferimento alla "toggleScrollbar ()" la funzione in un "onclick =" attributo:
<Div onclick = "toggleScrollbar ( 'contenitore')" style = "border: 1px solid # 000000;"> Toggle barre di scorrimento </ div>
Cambiare 'contenitore' per l'id dell'elemento con le barre di scorrimento che si desidera nascondere.
5 Salvare e chiudere il documento HTML prima di aprirlo in un browser web. Clicca su "Toggle barre di scorrimento" per confermare che la barra di scorrimento è stato accuratamente nascosto e mostrato.