Méthode jQuery scrollLeft()

jQuery HTML/Méthodes CSS

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

Lorsque vous utilisez la méthode scrollLeft()Obtenirlorsque la position est, elle retournerale premier élément sélectionnéla position horizontale de la barre de défilement.

Lorsque vous utilisez la méthode scrollLeft()Définirlorsque la position est, elle retourneraTous les éléments sélectionnésDéfinir la position horizontale de la barre de défilement.

Syntaxe :

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

$(selector).scrollLeft()

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

$(selector).scrollLeft(value)

Exemple

Obtenir scrollLeft du DIV :

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

Définir scrollLeft du DIV :

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

Réglage du scrollLeft du document :

$("button").click(function(){
　　$(document).scrollLeft(300);
});

Ajouter un défilement en douceur lorsque l'utilisateur fait défiler la page :

let　size　=　$(".main").outerWidth();　//　Obtenir la largeur de ".main"
$(window).keydown(function(event)　{
　　if(event.which　===　39)　{　//　Si vous appuyez sur la flèche de droite
　　　　$("html,　body").animate({scrollLeft:　"+="　+　size},　250);
　　}　else　if(event.which　===　37)　{　//　Si vous appuyez sur la flèche de gauche
　　　　$("html,　body").animate({scrollLeft:　"-="　+　size},　250);
　　}
});

Valeur du paramètre

jQuery HTML/Méthodes CSS