如何打印JScrollPane的完整内容？

Question

我只是一名设计师，并且不了解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 basic example

的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

或者将整个滚动窗格样式表放在

中

@media print
{
 //scrollpane css goess here.

}