Scroll top con plugin slimscroll

Question

Ho usato slimScroll sulla mia pagina web con il contenuto aggiunto da AJAX.

Se si scorre lo scorrimento e si ricarica con più contenuto (carico AJAX), la barra di scorrimento mantiene sempre la sua posizione come prima.

Mi chiedo se lo slimScroll abbia una funzione che posso chiamare per scorrere in alto dopo aver caricato il nuovo contenuto?

Answer 1

A partire dalla versione 1.0.0, se avete bisogno di scorrere verso l'alto è possibile utilizzare costruire in scrollTo metodo:

$(element).slimScroll({ scrollTo: '0' });

Answer 2

non credo che l'opzione scroll descritta da @rochal sta andando per funzionare in questo momento, in quanto non sembra essere utilizzato da the version currently up on GitHub. Prova invece a scrollTo o scrollBy.

Per scorrere verso l'alto:

$('#elem_id').slimScroll({ scrollTo : '0px' }); 

Al contrario, se si desidera scorrere fino alla fine, quindi il seguente dovrebbe funzionare:

var scrollTo_val = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({ scrollTo : scrollTo_val }); 

Answer 3

in alternativa si può usare javascript per risolvere questo problema ...

document.getElementById("element-id").scrollTop = document.getElementById("element-id").scrollHeight; 

element-id è la id del c zona ontent (normalmente il suo div) ..

eseguire il codice quando nuovo contenuto viene aggiunto al vostro div

Answer 4

Questo codice ha funzionato per me.

var scrollTo_int = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({scrollTo : scrollTo_int }); 

questo richiederà barra di scorrimento nella posizione inferiore e anche prendere il contenuto nella parte inferiore del div.