html - 打印滚动 DIV 的所有内容

Question

我的网站需要一个打印选项，但我已经尝试和谷歌搜索了数周，但我无法弄清楚。该站点上有一个 div，其中有一个滚动条。当我打印时，只打印可见区域。

我已经尝试了很多我在网上找到的东西，从 javascript 到 @media print，我无法让它工作。

这是我的 div：

<div style="overflow:scroll; height:814px" id="results">
<table>
...contents, some tables, text and images...
</table>
</div>

一旦我删除“溢出：滚动”打印工作正常，滚动一直让我感到困惑。我真的需要一步一步地掌握如何进行这项工作的指导。

希望可以有人帮帮我，

周杰伦

Answer 1

https://github.com/jasonday/printThis

密切注意 removeInline 功能，它将删除用于打印的内联样式。

Answer 2

使用这个 JS 函数：
Printable DIV is results

function printpage()
   {
        var originalContents = document.body.innerHTML;
        var printReport= document.getElementById('results').innerHTML;
        document.body.innerHTML = printReport;
        window.print();
        document.body.innerHTML = originalContents;
    }