Tecnología

Inicio

Cómo desplazar a la baja en JavaScript

July 5

El modelo de objetos de documento HTML (DOM) le da un control sustancial sobre la estructura y el contenido de una página Web. La propiedad "scrollHeight" DOM ​​se puede usar para determinar la altura total del cuerpo de la página Web, no sólo la porción visible. Combinar esta propiedad con el método "scrollTo" del objeto "ventana" para realizar una función de JavaScript que al instante se desplaza ventana del navegador del usuario al final de esta página.

Instrucciones

1 Abra el código de la página Web en un editor HTML. Inserte el siguiente código entre las etiquetas <head> de su documento HTML:

<Script type = "text / javascript">

funcionar ScrollToBottom () {

window.scrollTo(0,document.body.scrollHeight);

}

</ Script>

2 Hacer un botón en el cuerpo del documento por lo que el usuario puede desplazarse rápidamente a la parte inferior. Inserte la siguiente etiqueta en el cuerpo del documento HTML:

<Input type = "button" value = "Vaya a la parte inferior de la página" onclick = "ScrollToBottom ();" />

3 Añadir el atributo "onload" a la etiqueta <body> del documento HTML para llamar a la función y desplazarse por la página hasta el fondo tan pronto como se carga la página. Aquí hay un ejemplo:

<Body onload = "ScrollToBottom ();">

4 Guarde el código HTML y cargarlo en su página para comprobar que las funciones de la función de desplazamiento.