将文件另存为pdf时，标题与div内容重叠

Question

在我的代码中，我有一个名为handleprint()的函数，可以在图像点击时调用它。此功能基本上用于打印并将文件另存为pdf。

<img src ='pix/pdf.png' id="print" onclick="handleprint();"></img>  
<script>
function handleprint() {
     var printContents = document.getElementById('total').innerHTML;
     var originalContents = document.body.innerHTML;
     document.body.innerHTML = printContents;
     window.print();
     document.body.innerHTML = originalContents;
}  //total is the div that get print

</script>

问题在于生成的pdf标题（窗口标题）有时是overlapping with the div content。我该如何解决这个问题？ View screenshot