Método jQuery scrollTop()

❮ Métodos jQuery HTML/CSS

Exemplo

Retorne a posição da barra de rolagem vertical para um elemento <div>:

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

Definição e uso

O método scrollTop() define ou retorna a posição da barra de rolagem vertical para os elementos selecionados.

Dica: Quando a barra de rolagem está na parte superior, a posição é 0.

Quando usado para retornar a posição:
Este método retorna a posição vertical da barra de rolagem para o PRIMEIRO elemento correspondente.

Quando usado para definir a posição:
Este método define a posição vertical da barra de rolagem para TODOS os elementos correspondentes.


Sintaxe

Retornar a posição da barra de rolagem vertical:

$(selector).scrollTop()

Defina a posição da barra de rolagem vertical:

$(selector).scrollTop(position)

Parameter Description
position Specifies the vertical scrollbar position in pixels

Experimente você mesmo - Exemplos


Como definir a posição da barra de rolagem vertical para um elemento.


de rolagem Como alternar entre classes em diferentes posições de rolagem.


Usando animate() junto com scrollTop() para adicionar rolagem suave aos links.


❮ Métodos jQuery HTML/CSS