-
El código Javascript para una barra de desplazamiento
-
Un navegador Web muestra automáticamente una barra de desplazamiento vertical en el lado de la ventana del navegador y una barra de desplazamiento horizontal en la parte inferior de la ventana cuando el contenido de una página Web se extiende más allá de las dimensiones visibles de la pantalla de un usuario. Debido a que los navegadores muestran barras de desplazamiento de forma automática cuando se necesita, no es necesario incluir cualquier código de diseño especial en sus páginas Web para mostrar las barras de desplazamiento. A pesar de ello, se puede utilizar código JavaScript para cambiar el comportamiento de las barras de desplazamiento.
Pop-Up de Windows
Webmasters utilizan ventanas pop-up, por diversas razones, tales como para visualizar las pantallas de inicio de sesión o contenido autónomo, incluidos los anuncios, videoclips y mensajes de estado. Algunos navegadores Web añaden barras de desplazamiento para ventanas pop-up, haciendo que se vean desordenado. Puede evitar que las barras de desplazamiento se muestre en las ventanas emergentes mediante la adición de código JavaScript a la página desde la que se vincula la ventana emergente. Para implementar este código, reemplace el enlace existente en la ventana emergente con este fragmento de código JavaScript:
<Script language = "JavaScript">
<! -
window.open ( 'tu-popup-pagina.html', 'ventananueva', config = "height = 100,
width = 400, barras de desplazamiento = no, de tamaño variable = no ")
->
</ Script>Sustituir "su-popup-pagina.html" con la URL de la página que desea mostrar en la ventana emergente. Cambiar la anchura y la altura de los valores a sus necesidades particulares. Si desea incluir barras de desplazamiento en la ventana emergente, cambiar "no" a "sí".
No-Scroll Función
Con JavaScript, también puede modificar la forma en la barra de desplazamiento se comporta añadiendo código a la página real. A veces, los elementos ocultos en una página Web pueden llevar a un navegador para mostrar una barra de desplazamiento cuando no hay suficiente contenido visible para justificar una. barras de desplazamiento innecesarios aspecto desordenado y pueden confundir a los lectores, dando la impresión de que no hay más que ver más abajo en la página. Añadir un fragmento de código JavaScript en su página web para evitar que las barras de desplazamiento de mostrar innecesariamente. Para implementar el código, reemplace el estándar de la página "<body>" etiqueta con la siguiente:
<Desplazamiento del cuerpo = "no">
Función de desplazamiento automático
Otra opción es modificar el código para instruir a los navegadores web para mostrar una barra de desplazamiento automáticamente sólo cuando es necesario. Este método tiene algunas ventajas con respecto a la función "sin desplazamiento", porque es lo suficientemente flexible como para manejar diferentes resoluciones de pantalla de usuario. Por ejemplo, la aplicación de la función "sin desplazamiento" podría prevenir una barra de desplazamiento se muestre correctamente cuando el usuario está viendo la página web en una pantalla pequeña, cortando algunos de los contenidos de la página. Para implementar la función "auto scroll" con el lenguaje Java, utilice el código siguiente en lugar de la actual "<body>" tag:
<Desplazamiento del cuerpo = "auto">
Alternativas
JavaScript le permite cambiar fácilmente el comportamiento de las barras de desplazamiento. Si desea cambiar el aspecto y el estilo de las barras de desplazamiento, considerar el uso de hojas de estilo en cascada código para personalizar el aspecto de la barra de desplazamiento en una página Web. Con CSS, se puede modificar el color de la cara barra de desplazamiento, así como añadir sombras de color y luces. También puede utilizar CSS para crear barras de desplazamiento a medida que reemplazan la barra gris de serie con un diseño que combina con el tema de su sitio web.
