On rendere nel Html2Canvas, la pagina viene fatto scorrere verso l'alto

Question

Sto usando la libreria html2canvas, utilizzando il seguente codice:

html2canvas(document.body, { 
    onrendered: function(canvas) { 
     document.body.appendChild(canvas); 
    } 
}); 

Quando onrendered viene licenziato, la pagina scorre automaticamente verso l'alto. Esiste comunque la possibilità di mantenere la posizione di scorrimento e di non essere automaticamente portati in cima alla pagina?

Answer 1

ho preso uno sguardo nelle html2canvas.js e vide la seguente riga:

_html2canvas.Parse = function (images, options) { 
    window.scroll(0,0); 

Dopo aver commentato window.scroll(0,0) fuori, ha funzionato bene per me su mio test locale. Sembra che il comportamento fosse inteso dall'autore.

Ovviamente si può anche salvare la posizione corrente di scorrimento in una variabile quando si attiva il codice. Il modo in cui puoi farlo dipende da come esegui html2canvas. Se si tratta di un pulsante mi piace sulla pagina demo, è necessario aggiungere un listener di eventi al pulsante:

var scrollPos; 
document.querySelector("screenshotButton").addEventListener("click",function() { 
    scrollPos = document.body.scrollTop; 
    html2canvas(document.body, { 
     onrendered: function(canvas) { 
      document.body.appendChild(canvas); 
      window.scrollTo(0,scrollPos); 
     } 
    }); 
});