Metodo scrollTop() di jQuery

Metodi HTML/CSS jQuery

Il metodo scrollTop() ottiene o imposta la posizione della barra di scorrimento verticale dell'elemento selezionato.

Quando si utilizza il metodo scrollTop()OttieniQuando la posizione è, allora restituiràIl primo elemento selezionatoLa posizione verticale della barra di scorrimento.

Quando si utilizza il metodo scrollTop()ImpostareQuando la posizione è, allora diventeràTutti gli elementi selezionatiImpostare la posizione verticale della barra di scorrimento.

Sintassi:

Ottieni la posizione della barra di scorrimento verticale:

$("selector").scrollTop()

Impostare la posizione della barra di scorrimento verticale:

$("selector").scrollTop(value)

Esempio

Ottieni lo scroll di DIV:

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

Impostare lo scroll di DIV:

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

Impostare lo scroll di pagina:

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

Aggiungi scorrimento fluido quando l'utente scorre la pagina:

let size = $(".main").height(); // Ottieni l'altezza di ".main"
$(window).keydown(function(event) {
　　if(event.which === 40) { // Se premo la freccia giù
　　　　$("html, body").animate({scrollTop: "+=" + size}, 300);
　　} else if(event.which === 38) { // Se premo la freccia su
　　　　$("html, body").animate({scrollTop: "-=" + size}, 300);
　　}
});

Valore del parametro

Metodi HTML/CSS jQuery