-
Cómo habilitar y deshabilitar las barras de desplazamiento con JavaScript
-
Las barras de desplazamiento en una página web puede permitir ahorrar espacio en pantalla, permitiendo a sus lectores a desplazarse dentro de un elemento <div> o similar. A veces, sin embargo, estas barras de desplazamiento pueden ser antiestéticas en vez de útil. Para dar a sus lectores la elección, añadir un botón que alterna entre la activación y desactivación de las barras de desplazamiento con un solo clic.
Instrucciones
1 Abrir la página web en un editor HTML o un editor de texto como el Bloc de notas (Microsoft Windows), edición de textos (Apple OSX) o pico (sistemas * nix).
2 Busque la cabecera del documento, que comienza con una etiqueta "<head>" y termina con un cierre "</ head>" etiqueta. En la línea después de la etiqueta "<head>", añadir una simple función JavaScript para activar y desactivar las barras de desplazamiento:
<Script type = "text / javascript">
<! -
función toggleScrollbar (el_id) {
si (document.getElementById (el_id) .style.overflow == "oculta") {document.getElementById (el_id) .style.overflow = "scroll"; }
else {document.getElementById (el_id) .style.overflow = "oculto"; }
}
->
</ Script>
3 Localizar 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 no tiene un id ya, agrega uno, 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 etiqueta de cierre del elemento div con una referencia a la "toggleScrollbar ()" función en un "onclick =" atributo:
<Div onclick = "toggleScrollbar (" contenedor ")" style = "border: 1px solid # 000000;"> Activar barras de desplazamiento </ div>
Cambiar "contenedor" para el id del elemento con las barras de desplazamiento que desee ocultar.
5 Guarde y cierre el documento HTML antes de abrirlo en un navegador web. Haga clic en "Activar barras de desplazamiento" para confirmar que la barra de desplazamiento se está ocultando con precisión y se muestra.
