Méthode scrollTop() jQuery

jQuery HTML/Méthodes CSS

La méthode scrollTop() permet de récupérer ou de définir la position verticale de la barre de défilement de l'élément sélectionné.

Lorsque vous utilisez la méthode scrollTop()Obtenirà la position, il renvoieLe premier élément sélectionnéla position verticale de la barre de défilement.

Lorsque vous utilisez la méthode scrollTop()Définirà la position, il seraTous les éléments sélectionnésDéfinir la position verticale de la barre de défilement.

Syntaxe :

Obtenir la position de la barre de défilement verticale :

$(selector).scrollTop()

Définir la position de la barre de défilement verticale :

$(selector).scrollTop(value)

Exemple

Obtenir scrollTop pour DIV :

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

Définir scrollTop pour DIV :

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

Définir scrollTop du document :

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

Ajouter un défilement en douceur lors du défilement de la page utilisateur :

let size = $(".main").height();　//　Obtenir "main" haute
$(window).keydown(function(event)　{
　　if(event.which　===　40)　{　//　Si vous appuyez sur la flèche vers le bas
　　　　$("html,　body").animate({scrollTop:　"+="　+　size},　300);
　　}　else　if(event.which　===　38)　{　//　Si vous appuyez sur la flèche vers le haut
　　　　$("html,　body").animate({scrollTop:　"-="　+　size},　300);
　　}
});

Valeur du paramètre

jQuery HTML/Méthodes CSS