Как распечатать полное содержимое 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 basic example

Answer 2

Или поставить весь ScrollPane таблицу стилей внутри

@media print 
{ 
//scrollpane css goess here. 

} 

Answer 3

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