如何打印JScrollPane的完整内容？

我只是一名设计师，并不了解javascript，以便弄清楚如何打印JScrollPane的完整内容，而不是它的可见部分。 我非常感谢对这个问题的任何帮助。 谢谢！

Answer 1

我建议创建一个包含以下规则的打印样式表：

div.jScrollPaneContainer { position: static !important; height: auto !important; overflow: visible !important; } div.jScrollPaneContainer > * { display: none !important; } div.scroll-pane { position: static !important; display: block !important; float: none !important; } 

上面代码中使用的所有选择器都对应于jScrollPane基本示例的 HTML结构

Answer 2

使用jScrollPane无法为我工作 – v2.0.0beta11 – 2011-07-04。 快速查看生成的源代码显示div类名称已更改。 这是我放在print.css中的内容：

 div.booksummary, div.booksummary > div { position:static !important; height: auto !important; overflow: visible !important; } 

jQuery代码是：

 $('.booksummary').jScrollPane(); 

另一个想法：只在加载了有问题的CSS文件时才将CSS属性放在@media print {}中，如果CSS文件与’screen’媒体相关联，则不会发生这种情况。

Answer 3

或者将整个scrollpane样式表放在一个

 @media print { //scrollpane css goess here. }