Método scrollTop() de Operaciones CSS de jQuery

Ejemplo

Establecer el desplazamiento vertical de la barra de desplazamiento del elemento <div>:

$(".btn1").click(function(){
  $("div").scrollLeft(100);
});

Prueba personalmente

Definición y uso

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

El desplazamiento del scroll top se refiere al desplazamiento de la barra de desplazamiento con respecto a su borde superior.

Si este método no se establece ningún parámetro, devuelve el desplazamiento relativo al borde superior de la barra de desplazamiento en píxeles.

Sintaxis

$(selector).scrollTop(Offset)
Parámetros Descripción
Offset Opcional. Especifica el desplazamiento relativo al borde superior de la barra de desplazamiento, en píxeles.

Consejos y notas

Notas:Este método es válido tanto para elementos visibles como para elementos no visibles.

Notas:Cuando se utiliza para obtener valores, este método solo devuelve el desplazamiento del scroll top del primer elemento coincidente.

Notas:Cuando se utiliza para establecer valores, este método establece el desplazamiento del scroll top de todos los elementos coincidentes.

Más ejemplos

Obtener el desplazamiento actual del scroll top
Obtener el desplazamiento del scroll top utilizando el método scrollTop().