打印时保持 DIV 的滚动位置

Question

我想将可滚动 div 打印为所见即所得。 有办法吗？

Answer 1

尝试将以下内容添加到 @media-print 以在打印期间保持滚动。 这对我有用：

.className{
    overflow: scroll;
}

Answer 2

不是纯 css，我不认为。 我...对点击打印按钮时发生的情况的解释是，文档重新加载了media="print"或其他相关样式表，然后作为新文档发送到打印预览/打印机，包含所有内容在该样式表中定义的默认/开始位置。

由于我想不出使用css定位滚动内容的方法，所以我不得不说这是不可能的。 Javascript 几乎可以肯定是继续这个的方式。

……请问您为什么要这样做？ 这不是批评，我只是……不明白。

Answer 3

我认为即使使用 javascript 你也做不到。 这是违背网络精神的。 打印的文档应该看起来不同。

我怀疑当您在打印页面上看到滚动条时，这是一个需要在未来版本的浏览器中修复的错误。