在渲染Html2Canvas，頁面滾動到頂部

Question

我現在用的是html2canvas庫，使用下面的代碼：

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

當onrendered被觸發時，頁面會自動滾動到頂部。無論如何，我們可以保持我們的滾動位置，而不是自動進入頁面頂部？

Answer 1

我接過來一看進入html2canvas.js，看到下面一行：

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

評論window.scroll(0,0)出來後，它在我的本地測試工作對我罰款。似乎這種行爲是由作者打算的。

當然，您也可以在觸發代碼時將當前滾動位置保存到變量中。你可能會這樣做的方式取決於你如何執行html2canvas。如果它像演示頁面上的一個按鈕，你會添加事件偵聽到該按鈕：

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); 
     } 
    }); 
});