jQuery scrollLeft() Methode

jQuery HTML/CSS Methoden

Die Methode scrollLeft() ruft oder setzt die horizontale Position der ausgewählten Elemente.

Wenn Sie die Methode scrollLeft() verwendenAbruftwenn der Positiondas erste ausgewählte Elementder horizontalen Position der Scrollleiste.

Wenn Sie die Methode scrollLeft() verwendenSetztwenn der PositionAlle ausgewählten ElementeSetzt die horizontale Position der Scrollleiste.

Syntax:

Den Position der horizontalen Scrollleiste abrufen:

$(selector).scrollLeft()

Setzt die Position der horizontalen Scrollleiste:

$(selector).scrollLeft(value)

Beispiel

Den scrollLeft von DIV abrufen:

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

Setzt den scrollLeft von DIV:

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

Setzen Sie den scrollLeft des Dokuments:

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

Fügen Sie beim Scrollen der Seite eine glatte Bewegung hinzu:

let　size　=　$(".main").outerWidth();　//　Breite von ".main" erhalten
$(window).keydown(function(event)　{
　　if(event.which　===　39)　{　//　Wenn Sie die rechte Pfeiltaste drücken
　　　　$("html,　body").animate({scrollLeft:　"+="　+　size},　250);
　　}　else　if(event.which　===　37)　{　//　Wenn Sie die linke Pfeiltaste drücken
　　　　$("html,　body").animate({scrollLeft:　"-="　+　size},　250);
　　}
});

Parameterwert

jQuery HTML/CSS Methoden