1

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

4

3 回答 3

2

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

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结构

于 2010-04-03T11:59:12.640 回答
1

不适用于 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 文件与“屏幕”媒体相关联，则不会发生这种情况。

于 2011-09-14T23:20:15.170 回答
0

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

@media print
{
 //scrollpane css goess here.

}
于 2010-04-24T12:28:17.450 回答