Metodo scrollLeft() di jQuery

Metodi HTML/CSS jQuery

Il metodo scrollLeft() di jQuery ottiene o imposta la posizione orizzontale della barra di scorrimento dell'elemento selezionato.

Quando si utilizza il metodo scrollLeft()Ottienialla posizione, torneràIl primo elemento selezionatola posizione orizzontale della barra di scorrimento.

Quando si utilizza il metodo scrollLeft()Impostarealla posizione, saràTutti gli elementi selezionatiImpostare la posizione orizzontale della barra di scorrimento.

Sintassi:

Ottieni la posizione della barra di scorrimento orizzontale:

$("selector").scrollLeft()

Impostare la posizione della barra di scorrimento orizzontale:

$("selector").scrollLeft(value)

Esempio

Ottieni scrollLeft del DIV:

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

Impostare scrollLeft del DIV:

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

Impostare scrollLeft del documento:

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

Aggiungi scorrimento fluido quando l'utente scorre la pagina:

let size = $(".main").outerWidth(); // Ottieni la larghezza di ".main"
$(window).keydown(function(event) {
　　if(event.which === 39) { // Se premo la freccia a destra
　　　　$("html, body").animate({scrollLeft: "+=" + size}, 250);
　　} else if(event.which === 37) { // Se premo la freccia a sinistra
　　　　$("html, body").animate({scrollLeft: "-=" + size}, 250);
　　}
});

Valore del parametro

Metodi HTML/CSS jQuery