如何打印 JScrollPane 的完整内容？答案

【问题标题】：How to print a full content of JScrollPane?如何打印 JScrollPane 的完整内容？
【发布时间】：2010-04-03 10:13:43
【问题描述】：

我只是一名设计师，对 javascript 的了解还不够，无法弄清楚如何打印 JScrollPane 的完整内容，而不是它的可见部分。我将非常感谢有关此问题的任何帮助。谢谢！

【问题讨论】：

标签： javascript jquery printing jscrollpane

【解决方案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结构

【讨论】：

【解决方案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 属性放入 @media print {} 仅在相关 CSS 文件已加载时才有效，如果 CSS 文件与“屏幕”媒体相关联，则不会发生这种情况。

【讨论】：

【解决方案3】：

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

@media print
{
 //scrollpane css goess here.

}

【讨论】：