Barras de desplazamiento en una página web pueden permitirle guardar pantalla permitiendo a sus lectores a desplazarse dentro de un < div > o elemento similar. Sin embargo, a veces, estas barras de desplazamiento pueden ser feo en lugar de útil. Para dar a sus lectores la opción, añadir un botón que alterna entre activar y desactivar las barras de desplazamiento con un solo clic.

Instrucciones

1 Abra la página web en un editor HTML o un editor de texto como Bloc de notas (Microsoft Windows), TextEdit (OSX de Apple) o pico (* nix sistemas).

2 Busque el encabezado del documento, que comienza con una etiqueta "< head >" y termina con una etiqueta de cierre "< / cabeza >". En la línea después de la etiqueta "< head >", añadir una sencilla función JavaScript para activar y desactivar las barras de desplazamiento:

< script tipo = "Texto/JavaScript" >

<!--

función toggleScrollbar(el_id) {}

if(Document.getElementById(el_id).Style.Overflow=="Hidden") {.style.overflow document.getElementById (el_id) = "scroll";}

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

}

-->

< /script >

3 Busque el elemento (como un "< div >" o una forma "< textarea >") y tenga en cuenta su "id", definido por el atributo "id =" en la etiqueta. Si el elemento ya no tiene un id, agregar una, asegurándose de que es única y no compartida por otros elementos de la página.

4 Añadir una nueva línea después de que el elemento de etiqueta de cierre con un div que se hace referencia a la función "toggleScrollbar()" en un "onclick =" atributo:

< div onclick="toggleScrollbar('container')" estilo = "frontera: 1px solid #000000;" > alternar desplazamiento < / div >

Cambio 'contenedor' para el identificador del elemento con las barras de desplazamiento que desea ocultar.

5 Guarde y cierre el documento HTML antes de abrir en un explorador web. Haga clic en "Cambiar barras de desplazamiento" para confirmar que la barra de desplazamiento está siendo exactamente oculta y se muestra.