打印滚动DIV的所有内容

时间:2012-10-27 23:00:55

标签: html printing

我的网站需要打印选项,但我一直在尝试和谷歌搜索数周,我无法弄明白。该网站上有一个div,里面有一个滚动条。当我打印时,只打印可见区域。

我已经尝试过很多我在网上找到的从javascript到@media打印的东西,我无法让它发挥作用。

这是我的div:

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

一旦我删除“溢出:滚动”打印工作正常,这是滚动不断弄乱我。我真的需要一步一步地掌握如何使这项工作的指示。

希望有人可以帮助我,

2 个答案:

答案 0 :(得分:1)

https://github.com/jasonday/printThis

密切关注removeInline功能,该功能将删除内联样式以进行打印。

答案 1 :(得分:0)

使用此JS函数:
可打印的DIV 结果

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