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


jQuery scrollLeft(): Obtener y establecer la posición horizontal del scroll

Nuevo post para repasar la función de jQuery scrollLeft(), su funcionalidad es la de obtener o establecer la posición horizontal del scroll dentro de un elemento o div.

Para establecer u obtener la posición vertical tenemos que usar scrollLeft(). Otros post de jQuery interesantes son:

Sintaxis de jQuery scrollLeft()

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‘.

Ejemplo de jQuery scrollLeft()

Vayamos con este ejemplo de scrollLeft() para obtener la posición horizontal del scroll:

Os explico el ejemplo superior, detectamos el click en el botón con id = botón, acto seguido mostramos un mensaje por pantalla con la función alert de Java Script. En dicho mensaje mostramos los píxeles que se ha desplazado desde la izquierda el scroll/barra horizontal.

En este nuevo ejemplo de scrollLeft() vamos a establecer la posición horizontal del scroll:

Os explico el ejemplo superior, detectamos el click en el botón con id = botón, acto seguido movemos el scrollbar horizontalmente 50 pixels.

El código HTML del párrafo es el siguiente:

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

Centro de preferencias de privacidad

Cookies imprescindibles

para medir la audiencia

ga,gdpr