¿Cómo hacer de desplazamiento acumulado Offset en jQuery

JQuery es un lenguaje de programación basado en Javascript que se utiliza para el desarrollo de aplicaciones Web interactivas. La librería jQuery ofrece una rica variedad de funciones para interactuar con el modelo de documento a objetos, servidores externos y la entrada del usuario. Por ejemplo, con funciones de jQuery, se puede diseñar una página web en la que el usuario puede desplazarse sin problemas y de forma automática a diferentes ubicaciones en el documento.

Instrucciones

1 Importe la librería jQuery en el archivo HTML utilizando la etiqueta "<script>" colocado en la cabeza del documento de la siguiente manera:

<Script src = "jquery.js"> </ script>

Esto supone que la biblioteca jQuery reside en el servidor y en la misma carpeta que el documento. Tendrá que añadir una ruta si la biblioteca reside en otro lugar o en otro servidor.

2 Crear un nuevo contenedor de secuencia de comandos para mantener su código de jQuery. Envuelve el código en una función que será llamada cuando el documento está listo:

<Script>
startEventHandlers function () {
// Código irá aquí
}
$ (Document) ready (startEventHandlers);
</ Script>

3 Utilice el siguiente código para desplazarse a un elemento con id "scrollToMe", además de un desplazamiento cuando se hace clic en un elemento con id "scrollNow". El parámetro "1000" va a animar el desplazamiento de 1.000 milisegundos o un segundo.

$ ( "# ScrollNow"). Click ({
$ ( "Html, body"). Animar ({
scrollTop:.. $ ( "# scrollToMe") offset () arriba + myOffset;
}, 1000);
});

El método jQuery ".offset ()" registra la posición absoluta del elemento de la parte superior del documento, en el que el método ".position ()" registra el desplazamiento con respecto a los elementos matrices. La variable "myOffset" puede ser una constante o calculado en base a otros elementos del documento para producir un efecto de desplazamiento acumulativo.