Método jQuery scrollTop()

❮ Métodos jQuery HTML/CSS

Ejemplo

Devuelve la posición de la barra de desplazamiento vertical para un elemento <div>:

$("button").click(function(){
  alert($("div").scrollTop());
});

Definición y uso

El método scrollTop() establece o devuelve la posición de la barra de desplazamiento vertical para los elementos seleccionados.

Sugerencia: cuando la barra de desplazamiento está en la parte superior, la posición es 0.

Cuando se usa para devolver la posición:
este método devuelve la posición vertical de la barra de desplazamiento para el PRIMER elemento coincidente.

Cuando se usa para establecer la posición:
este método establece la posición vertical de la barra de desplazamiento para TODOS los elementos coincidentes.


Sintaxis

Devolver la posición de la barra de desplazamiento vertical:

$(selector).scrollTop()

Establecer la posición de la barra de desplazamiento vertical:

$(selector).scrollTop(position)

Parameter Description
position Specifies the vertical scrollbar position in pixels

Pruébelo usted mismo - Ejemplos


Cómo establecer la posición de la barra de desplazamiento vertical para un elemento.


de desplazamiento Cómo alternar entre clases en diferentes posiciones de desplazamiento.


Usando animate() junto con scrollTop() para agregar un desplazamiento suave a los enlaces.


❮ Métodos jQuery HTML/CSS