Método scrollTop() de jQuery

jQuery HTML/Métodos CSS

El método scrollTop() obtiene o establece la posición vertical de la barra de desplazamiento del elemento seleccionado.

al usar el método scrollTop()Obteneral establecer la posición, regresaráel primer elemento seleccionadola posición vertical de la barra de desplazamiento.

al usar el método scrollTop()Estableceral establecer la posición, seráTodos los elementos seleccionadosEstablecer la posición vertical de la barra de desplazamiento.

Sintaxis：

Obtener la posición vertical de la barra de desplazamiento：

$(selector).scrollTop()

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

$(selector).scrollTop(value)

Ejemplo

Obtener scrollTop del DIV：

$("div").scroll(function(){
　　$(this).scrollTop();
});

Establecer scrollTop del DIV：

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

Establecer scrollTop del documento

$("button").click(function(){
　　$(document).scrollTop(400);
});

Agregar desplazamiento suave al scroll del usuario

let size = $(".main").height();　//　Obtener la altura de ".main"
$(window).keydown(function(event)　{
　　if(event.which ===　40)　{　//　else if(event.which ===
　　　　$("html,　body").animate({scrollTop:　"+="　+　size},　300);
　　}　38)　{　//　Si se presiona la tecla de flecha hacia arriba
　　　　$("html,　body").animate({scrollTop:　"-="　+　size},　300);
　　}
});

Valor de parámetro

jQuery HTML/Métodos CSS