Comment imprimer un contenu complet de JScrollPane?

Question

Je suis juste un concepteur et je ne connais pas javascript assez bien pour comprendre comment imprimer un contenu complet d'un JScrollPane, pas une partie visible de celui-ci. J'apprécierais beaucoup toute aide avec le problème. Merci!

Answer 1

Je vous suggère de créer une impression stylesheet contenant des règles suivantes:

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; 
} 

tous les sélecteurs utilisés dans le code ci-dessus correspondent à la structure HTML de jScrollPane basic example

Answer 2

Ou mettre toute la feuille de style scrollpane dans un

@media print 
{ 
//scrollpane css goess here. 

} 

Answer 3

N'a pas fonctionné pour moi avec jScrollPane - v2.0.0beta11 - 2011-07-04. Un examen rapide du code source généré montre que les noms des classes div ont changé. Voici ce que je mets dans mon print.css:

div.booksummary, 
div.booksummary > div { 
    position:static !important; 
    height: auto !important; 
    overflow: visible !important; 
} 

où le code jQuery est:

$('.booksummary').jScrollPane(); 

Une autre pensée: Mettre les propriétés CSS dans @media print {} ne fonctionne que si le fichier CSS en question est chargé, ce qui n'arrivera pas si le fichier CSS est associé au média 'screen'.