Le barre di scorrimento in una pagina Web può consentire di salvare il bene immobile dello schermo consentendo ai lettori di scorrere all'interno di un < div > o un elemento simile. A volte, tuttavia, queste barre di scorrimento può essere sgradevole, piuttosto che utili. Per dare ai lettori la scelta, aggiungere un pulsante che commuta tra attivare e disattivare le barre di scorrimento con un solo clic.

Istruzioni

1

Aprire la pagina Web in un editor HTML o un editor di testo come blocco note (Microsoft Windows), TextEdit (Apple OSX) o pico (* nix systems).

2

Individuare l'intestazione del documento, che inizia con un tag "< head >" e termina con un tag di chiusura "< / head >". Nella riga dopo il tag "< head >", aggiungere una semplice funzione JavaScript per attivare e disattivare le barre di scorrimento:

< script type = "Text/JavaScript" >

<!...

Function toggleScrollbar(el_id) () {

if(Document.getElementById(el_id).Style.overflow=="hidden") {Document. getElementById (el_id).style.overflow = "scorrere";}

else {document. getElementById (el_id).style.overflow = "hidden";}

}

-->

< / script >

3

Individuare l'elemento (ad esempio un "< div >" o una forma "< textarea >") e nota il suo "id", definito dall'attributo "id =" nel tag. Se l'elemento non dispone già di un id, aggiungerne uno, assicurandosi che è univoco e non condiviso da altri elementi nella pagina.

4

Aggiungere una nuova riga dopo il tag di chiusura dell'elemento con un tag div che fa riferimento la funzione "toggleScrollbar()" in un "onclick =" attributo:

< div onclick="toggleScrollbar('container')" style = "border: 1px solid #000000;" > attiva o disattiva le barre di scorrimento < / div >

Contenitore' cambiamento' 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. Fai clic su "Attiva/disattiva Scrollbars" per confermare che la barra di scorrimento viene accuratamente nascosto e visualizzato.