JavaScript para desplazamiento DIV

JavaScript permite automatizar funciones de desplazamiento en sus páginas Web. Si desea un contenedor div para desplazarse de forma automática, se utiliza la propiedad "scrollTop" en JavaScript. La función de desplazamiento activa automáticamente tan pronto como el usuario abre la página Web. Este procedimiento es beneficioso para los programadores que quieren mostrar una sección de una página inmediatamente después de que un usuario lo abre.

Propósito

JavaScript permite a los desarrolladores el control de una serie de elementos de las páginas web, incluso después de las cargas de la página web en el navegador. Al crear páginas de proceso utilizando lenguajes como PHP o ASP, que no puede controlar los elementos de desplazamiento o después de la página termina de procesar. Esto significa que no puede cambiar los valores después de que el usuario interactúa con la página. El lenguaje JavaScript le permite interactuar con los usuarios incluso después de que se carga la página y termina el procesamiento a nivel de servidor.

Selección

Un contenedor div incluye una barra de desplazamiento cuando su contenido se extiende a la altura de la div. Esta característica es el estilo CSS por defecto para cualquier contenedor div. Para trabajar con la barra de desplazamiento en un div, debe especificar el div en el código JavaScript. El siguiente código especifica el contenedor div que desea desplazarse en el navegador:

var div = document.getElementById ( "mydiv");

El "mydiv" especifica el elemento div que desea desplazarse en la página.

desplazamiento

Después de especificar el div, se utiliza la propiedad "scrollTop" en JavaScript para desplazarse por el contenido en el div. Cuando se establece esta propiedad, el div desplaza hacia abajo los píxeles especificados. Por ejemplo, los siguientes rollos de código abajo 50 píxeles:

div.scrollTop = 50;

Usted puede utilizar este código para una función que se carga cuando el usuario abre la página, o cuando el usuario hace clic en un botón o imagen. barra de desplazamiento de la div mueve a la posición 50 píxeles.

consideraciones

Los navegadores más antiguos no son compatibles con la función de desplazamiento. Si los usuarios están utilizando una versión muy antigua del navegador como Internet Explorer o Netscape 6, el div no se desplaza. O se puede dejar un mensaje de que no es compatible con el navegador o proporcionar otra página desde la que el usuario puede ver el contenido.