jQuery ha qualche funzione per far scorrere il client fino alla fine della porta di visualizzazione?

Question

Desidero animare uno scorrimento fino alla fine della finestra con jQuery. C'è un plugin disponibile che non è eccessivo (cioè senza un set di funzionalità enorme per questa piccola attività);

C'è un plug-in disponibile o un modo per farlo in modo nativo con jQuery?

Answer 1

jQuery rende le cose così banali che non hai bisogno di un plugin. Esempio:

var x = 250; //insert your own formula to calculate where you want to scroll to in px 
var t = 500; //arbitrary time in ms 
$("html,body").animate({ scrollTop: x }, t); 

Invece di html,body si può inserire qualsiasi elemento che scorre, come un div. t è il tempo in ms su cui verrà eseguita l'animazione e x è la posizione in cui scorrere in px. Notare che questo funziona con scrollLeft anche se non scrollRight o scrollBottom (non una limitazione di jQuery ma JavaScript).

Answer 2

Controllare il plugin jQuery.ScrollTo, è possibile scorrere a determinate posizioni (fisso o assoluto), utilizzando i selettori, elementi DOM, e molto altro ancora ...

Date uno sguardo alla demos ...

Answer 3

si può sempre fare la seguente riga per scorrere un elemento verso il basso

$("body").attr({ scrollTop: $("body").attr("scrollHeight") }); 

Answer 4

Per approfondire le risposte da Darko Z e CMS, qui è quello che ho usato per animare lo scorrimento di un elemento specifico:

var target = $('#elem'); 
$('html,body').animate({scrollTop: target.offset().top}, 500);