jQuery anteporre - impedire lo scorrimento automatico

Question

Stavo solo lavorando con jQuery prepend e non riuscivo a farlo funzionare come previsto.

Quello che sto facendo:

Anteporre un .content div per #main div ogni secondo

Ma, quando ho scorrere verso il basso un po '[una volta che la pagina è piena di contenuti] , Continuo a scorrere di nuovo a #main's top o latest ante .content

Come faccio:

Impedire l'viewport di cambiare - come nel caso di accodamento

correlati fiddle

Answer 1

Come ho spiegato in un commento, il rotolo non è effettivamente cambiando. Lo scroll della finestra si basa su "distance from top" (DfT). Vale a dire che se non hai una barra di scorrimento, sei DfT è 0. Una volta che le barre di scorrimento sono state introdotte, ora hai una distanza con cui lavorare.

Poiché il contenuto si allunga, il viewport è alto solo di alcuni pixel, alcuni contenuti "cadono" dalla parte inferiore della pagina (anteporre il DfT all'altezza del nuovo elemento).

Il modo migliore a cui posso pensare è quello di contrastarlo con l'altezza del nuovo elemento. Ciò consente di scorrere fino a una posizione, quindi, quando vengono aggiunti nuovi elementi, si modifica la posizione di scorrimento di conseguenza.

Ecco un esempio di ciò che intendo: http://jsfiddle.net/bradchristie/66RvC/1/

E il codice (per riferimento):

var f = function(){ 
    var t = $(window).scrollTop(),  // Window's current scroll position 
     $d = $(d()).prependTo('#main'), // store the new element 
     h = $d.outerHeight();   // also get its height 
    if (t){        // Only adjust if they've scrolled 
     $(window).scrollTop(t + h);  // add the delta to the scroll position 
    } 
    setTimeout(f, 1000); 
};