JScrollPane의 전체 내용을 인쇄하는 방법은 무엇입니까?

Question

저는 디자이너 일 뿐이며 JScrollPane의 전체 내용을 인쇄하는 방법을 알아낼 정도로 자바 스크립트를 잘 모릅니다. 문제에 대한 도움을 주시면 감사하겠습니다. 감사합니다.

Answer 1

나는 다음과 같은 규칙이 포함 된 인쇄 스타일 시트를 만드는 게 좋을 것 : jScrollPane basic example

Answer 2

의 HTML 구조에 해당하는 위의 코드에서 사용

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

모든 선택기 아니면 내부의 전체 스크롤 스타일 시트를 넣어

@media print 
{ 
//scrollpane css goess here. 

} 

Answer 3

jScrollPane - v2.0.0beta11 - 2011-07-04로 나에게 적합하지 않았습니다. 생성 된 소스 코드를 살펴보면 div 클래스 이름이 변경되었음을 알 수 있습니다.

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

JQuery와 코드는 다음과 같습니다 : 여기 내가 내 print.css에 넣어 것입니다

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

또 다른 생각

: {@ 미디어 인쇄에 CSS 속성을 퍼팅은}에만 CSS 파일 경우 작동 CSS 파일이 '화면'미디어와 연결되어 있으면 문제가되지 않습니다.