Método scrollTop() do jQuery

jQuery HTML/Métodos CSS

O método scrollTop() obtém ou configura a posição vertical da barra de rolagem do elemento selecionado.

ao usar o método scrollTop()Obterao definir a posição, ele retornaráo primeiro elemento selecionadoa posição vertical da barra de rolagem.

ao usar o método scrollTop()Configurarao definir a posição, ele retornaráTodos os elementos selecionadosConfigurar a posição vertical da barra de rolagem.

Sintaxe：

Obter a posição da barra de rolagem vertical：

$(selector).scrollTop()

Configurar a posição da barra de rolagem vertical：

$(selector).scrollTop(value)

Exemplo

Obter o scrollTop do DIV：

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

Configurar o scrollTop do DIV：

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

Definir scrollTop do documento:

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

Adicionar rolagem suave ao rolar a página do usuário:

let size = $(".main").height();　//　Obter a altura de ".main"
$(window).keydown(function(event)　{
　　if(event.which　===　40)　{　//　Se pressionar a tecla de seta para baixo
　　　　$("html,　body").animate({scrollTop:　"+="　+　size},　300);
　　}　else　if(event.which　===　38)　{　//　Se pressionar a tecla de seta para cima
　　　　$("html,　body").animate({scrollTop:　"-="　+　size},　300);
　　}
});

Valor do Parâmetro

jQuery HTML/Métodos CSS