Come scorrere in PhantomJS per attivare i carichi pigri?

Question

Ho un problema con l'attivazione del caricamento lazy su scroll con PhantomJS. Nessuna delle risposte precedenti (anche accettate) ha funzionato per me. La maggior parte erano per le vecchie versioni di PhantomJS.

Altre domande - quasi uguali o simili alla mia, senza o con risposte che non funzionano:

• not able to lazy load in phantomjs
• How to scroll down with Phantomjs to load dynamic content
• https://github.com/ariya/phantomjs/issues/11512

Tutti di loro cerca di utilizzare window.document.body.scrollTop = document.body.scrollHeight con page.evaluate() o anche se provano a utilizzare il corretto page.scrollPosition quindi per qualche rea loro usano alcuni valori di scorrimento hard disk raccolti esplicitamente o limitano i loro scroll per alcuni elementi che dovrebbero essere sulla pagina quando lo scroll è disponibile.

Answer 1

PS: prima di eseguire il rendering della pagina, utilizzare page.scrollPosition = { top: 0, lefT: 0}; o si vedrà solo il fondo della pagina visualizzata.

var vWidth = 1080; 
var vHeight = 1920; 
page.viewportSize = { 
    width: vWidth , 
    height: vHeight 
}; 

//Scroll throu! 
var s = 0; 
var sBase = page.evaluate(function() { return document.body.scrollHeight; }); 
page.scrollPosition = { 
    top: sBase, 
    left: 0 
}; 

function sc() { 
    var sBase2 = page.evaluate(function() { return document.body.scrollHeight; }); 
    if (sBase2 != sBase) { 
     sBase = sBase2; 
    } 
    if (s> sBase) { 
     page.viewportSize = {width: vWidth, height: vHeight}; 
     return; 
    } 
    page.scrollPosition = { 
     top: s, 
     left: 0 
    }; 
    page.viewportSize = {width: vWidth, height: s}; 
    s += Math.min(sBase/20,400); 
    setTimeout(sc, 110); 
} 
sc(); 

• In primo luogo abbiamo impostato s e sBase (offset di scorrimento corrente e massima di scorrimento di offset).

• Quindi si scorre la pagina con il fantoccio fino alla fine.

• Definiamo la funzione di scorrimento - che scorrerà da 0 a fondo (sBase) in incrementi di pageHeight/20 o 400 (che è inferiore in valore) ogni 110 ms. ** Questa funzione può anche gestire lo scroll infinito - se ottimizzato un po '. Ma ti do l'uso di base che dovrebbe fermarsi se la pagina viene caricata troppo lentamente P

• Cambiamo anche la vista -come alcuni script lazyload non sono ancora stati attivati ​​con lo scrolling nudo.