Как распечатать полный контент 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;
}

все селекторы, использованные в приведенном выше коде, соответствуют структуре HTML базовый пример jScrollPane

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 в @media print {} работает, только если загружен соответствующий файл CSS, что не произойдет, если файл CSS связан с носителем 'screen'.

Answer 3

Или поместите всю таблицу стилей прокрутки в

@media print
{
 //scrollpane css goess here.

}