html2canvas无法捕获div的全部内容

Question

如果我（手动）滚动到div的底部然后执行该功能，则我的代码可以正常工作，否则将裁剪div的不可见部分，我不确定该怎么做，我尝试添加一个自动-滚动到底部，更糟糕的是，没有内容的空白图像

   captureInvoice = () => {
      window.scrollTo(0, document.body.scrollHeight);
      setTimeout(
         function () {
            html2canvas(document.querySelector("#invoice")).then(function (canvas) {
               var dataURL = canvas.toDataURL("image/png");
               window.open().document.write('<center style="background-color: #eee; color: #111; padding: 2vh;"><p><b>To print this invoice</b><br/>1. Open the image below in a new tab<br/>2. Use a keyboard shortcut: Windows & Linux: Ctrl + p. Mac: ⌘ + p</p><img style="margin: 4vh" src="' + dataURL + '"/></center>');
            });
         }
            .bind(this),
         1000
      );
   }