Tecnología

Inicio

HTML para ocultar las barras de desplazamiento en VBScript

HTML para ocultar las barras de desplazamiento en VBScript


Como JavaScript, VBScript es un lenguaje de programación que puede ser utilizado por los desarrolladores web para realizar cambios sobre la marcha a la Hypertext Markup Language (HTML) que se muestra a los espectadores de su sitio web. Por ejemplo, la colocación de contenido en elementos cuidadosamente estructurados puede crear barras de desplazamiento que son inútiles y antiestético. Para preservar la estética de su sitio web, puede simplemente ocultar estas barras de desplazamiento mediante el uso de VBScript en conjunto con el HTML de la página Web.

VBScript y Cruz-Compatibilidad del navegador

Aunque hay varias soluciones para ocultar las barras de desplazamiento a través de una combinación de VBScript y HTML, los desarrolladores web deben ser conscientes de que VBScript es para uso sólo en el navegador de Microsoft Internet Explorer. VBScript no es compatible con otros navegadores, como Firefox u Opera; en general, JavaScript proporciona una alternativa más accesible. En muchos casos (incluyendo modificaciones CSS) VBScript y JavaScript código es idéntico, pero no se debe confiar en esta interoperabilidad coincidencia, y debe revisar sus páginas Web a fondo para el cumplimiento en varios navegadores antes de implementar el sitio.

Cómo ocultar las barras de desplazamiento por elemento

Para ciertos elementos de la página, la eliminación de las barras de desplazamiento es más importante cuando el elemento tiene el foco. Por ejemplo, puede eliminar de forma dinámica la barra de desplazamiento de un campo de texto cuando el usuario hace clic en el campo para que sea la activa. Para ello, incluir el código "this.style.overflow =" oculta "" en caso de VBScript relevante. Para eliminar las barras de desplazamiento cuando el usuario pasa el ratón sobre el elemento, escriba lo siguiente:

'Onmouseover = "this.style.overflow =" oculto ";" '

Para eliminarlos cuando el usuario hace clic en el elemento, escriba lo siguiente:

"Onclick =" this.style.overflow = "oculto"; ". '

Esto le permite controlar el comportamiento de muchas barras de desplazamiento de forma independiente, sino que también significa que el usuario es probable ver las barras de desplazamiento antes de ser retirados, lo que puede ser estéticamente indeseable.

Cómo ocultar la barra de desplazamiento de un elemento cuando las cargas de documentos

Si necesita ocultar un solo elemento o un pequeño número de elementos, una de las maneras más fáciles es colocar una declaración en el "onLoad" atributo de la etiqueta de la página web "<body>", haciendo uso de la función "estilo" de VBScript para cambiar CSS sobre la marcha. Al escribir "<body onLoad =" container_1.style.overflow = 'oculta'; ">", por ejemplo, va a ocultar las barras de desplazamiento de un elemento con el id "container_1" tan pronto como se carga la página. El usuario nunca verá el elemento que aparece con barras de desplazamiento en absoluto. Por otro lado, el uso de la función OnLoad de la etiqueta <body>, en lugar de cada elemento individual, limita el número de elementos que se pueden ocultar al mismo tiempo sin el código HTML se vuelva incontrolable.

Las barras de desplazamiento se esconden con clases CSS

Para obtener lo mejor de ambos mundos, el uso "className" de VBScript para cambiar de clase CSS enteras en lugar de elementos individuales de estilo de una página. Envolver la página entera en un div vacío llamado "maincontainer" y, en el atributo onLoad de la etiqueta <body>, escribe "container.className = 'hidescrollbars';". A continuación, puede definir un estilo CSS en el encabezado del documento denominado ".hidescrollbars div", que incluye el "overflow: hidden;" estilo. Cuando se carga la página, esto eliminará las barras de desplazamiento de todos los elementos div en la página.


Artículos relacionados