Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Obtener y establecer la posición vertical y horizontal del scroll con jQuery

En este nuevo post vamos a ver cómo obtener y establecer la posición vertical y horizontal del scroll con jQuery scrollTop() y scrollLeft().

Otras funciones de jQuery interesantes son:

Cómo obtener y establecer la posición vertical y horizontal del scroll con jQuery

Las funciones que vamos a repasar para obtener o establecer la posición vertical y horizontal del scroll son scrollTop() y scrollLeft().

jQuery  scrollTop()

Su funcionalidad es la de obtener o establecer la posición vertical del scroll dentro de un elemento o div. Veamos la sintaxis extraída de su web oficial:

Con la sintaxis superior estaríamos obteniendo la posición vertical del scroll en un determindado elemento. Dicho elemento lo establecemos en el parámetro ‘selector‘.

Con esta otra sintaxis establecemos la posición vertical del scroll en el parámetro ‘position‘ dentro de un determinado elemento. Dicho elemento lo establecemos en el parámetro ‘selector‘.

Para más información y ejemplos visitad el siguiente post:

jQuery  scrollLeft()

Su funcionalidad es la de obtener o establecer la posición horizontal del scroll dentro de un elemento o div. Veamos la sintaxis extraída de su web oficial:

Con la sintaxis superior estaríamos obteniendo la posición del scroll en un determindado elemento. Dicho elemento lo establecemos en el parámetro ‘selector‘.

Con esta otra sintaxis establecemos la posición horizontal del scroll en el parámetro ‘position‘ dentro de un determinado elemento. Dicho elemento lo establecemos en el parámetro ‘selector‘.

Para más información y ejemplos visitad el siguiente post:

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies