Tecnología

Inicio

Cómo determinar cuándo una barra de desplazamiento de tocar el fondo Uso de JavaScript

Cómo determinar cuándo una barra de desplazamiento de tocar el fondo Uso de JavaScript


Normalmente no se ve nada tan grande como un desfile triunfal cuando su barra de desplazamiento alcanza el fondo de un documento en una página web, pero es posible que los desarrolladores de JavaScript para contar cuando se desplaza más allá, y es posible que haya sido testigo de esta en la acción cuando se le preguntó para desplazarse hasta la parte inferior de un acuerdo de "Términos de Servicio" antes de poder continuar. elementos HTML exponen varias propiedades de desplazamiento de la aplicación Web se puede utilizar para detectar cuando una barra de desplazamiento alcanza el fondo de un elemento.

Instrucciones

1 Poner en marcha un editor HTML y abra un documento HTML.

2 Agregue un control área de texto a la sección de cuerpo de uno de los documentos HTML como se muestra a continuación:

<Textarea id = "filas textarea1" = "4" cols = "55">
datos de las pruebas de ensayo de datos de datos de prueba los datos de prueba de datos de prueba
datos de las pruebas de ensayo de datos de datos de prueba los datos de prueba de datos de prueba
datos de las pruebas de ensayo de datos de datos de prueba los datos de prueba de datos de prueba
datos de las pruebas de ensayo de datos de datos de prueba los datos de prueba de datos de prueba
datos de las pruebas de ensayo de datos de datos de prueba los datos de prueba de datos de prueba
datos de las pruebas de ensayo de datos de datos de prueba los datos de prueba de datos de prueba
datos de las pruebas de ensayo de datos de datos de prueba los datos de prueba de datos de prueba
</ Textarea>

<Input type = "button" value = "Compruebe la voluta Posición" onclick = "return bottomReached ( 'textarea1')" />

Esta área de texto contiene suficientes datos de ejemplo para hacer que aparezca una barra de desplazamiento en la página Web. El botón se llama a una función de JavaScript que determina si se ha llegado al final de esta página. El botón pasa valor de ID del área de texto a la función.

3 Añadir esta función JavaScript para la sección de la cabeza de su documento:

<Script>
función bottomReached (IDobjeto) {

var objeto = document.getElementById (IDobjeto);
var bottomReached = false;
var = actualLocation object.scrollTop + object.offsetHeight;
var = scrollHeight object.scrollHeight;

si (actualLocation> scrollHeight)
bottomReached = true;

alert ( "El fondo alcanzó =" + bottomReached);
}
</ Script>

Esta función recupera una referencia a su objeto de área de texto. La función después consigue ubicación real de la barra de desplazamiento mediante la adición de su valor scrollTop a su valor offsetHeight. Si la ubicación real es mayor que el valor scrollHeight del área de texto, la variable bottomReached la variable llega a ser verdad. De lo contrario, la función establece en false.

4 Guarde el documento y verlo en su navegador. Aparece el área de texto que contiene el texto. Haga clic en el botón "Check de desplazamiento de posición". Las carreras de función y un cuadro de mensaje muestra "Inferior alcanzaron = falso". Desplazarse hasta la parte inferior del área de texto y haga clic en el botón de nuevo. El mensaje dice "Abajo alcanzó = true".

Consejos y advertencias

  • Para utilizar la función bottomReached, pasarla a la identificación del área de texto que desea supervisar. La función no funcionará sin este id. Comprobar el valor de la variable bottomReached para determinar si la barra de desplazamiento de un usuario ha llegado al fondo.