css - jquery 中的 window.print

Question

我有一个带有可滚动选项的 jquery 对话框，我想打印对话框的内容。如果我使用 window.print() 方法，它只会打印显示的内容。剩余的可滚动内容无法打印。请帮我解决这个问题。

Answer 1

如果我没理解错你的问题，那就是你有一个高度为 200px 的可滚动 div，但其中的内容是 1000px 高，你想要的所有内容页面打印时显示的div。

如果这是正确的，您需要指定打印时使用的样式表。例如，尝试将其添加到页面的头部:

<style type="text/css" media="print">
    #myScrollableDiv {
        overflow: visible;
        height: auto;
    }
</style>

根据您的 CSS 结构，您可能需要在每个语句中添加 !important 标志。