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


jQuery scrollTop(): Obtener y establecer la posición vertical del scroll

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

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

Sintaxis de jQuery scrollTop()

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

Ejemplo de jQuery scrollTop()

Vayamos con este ejemplo de scrollTop() para obtener la posición vertical 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 arriba el scroll/barra vertical.

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

Os explico el ejemplo superior, detectamos el click en el botón con id = botón, acto seguido movemos el scrollbar verticalmente 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