Wie Inhalte von div in @media zu drucken, wenn div scrollt in @ media Bildschirm

Question

Derzeit habe ich eine <div> mit overflow-y:scroll gesetzt. Das Problem besteht darin, dass der Inhalt während des Druckvorgangs nicht angezeigt wird.

Idealerweise würde Ich mag die <div> den gesamten Inhalt zu zeigen, zu erweitern, aber nur während des Drucks (vielleicht mit @media print)

Ich stelle sich dies benötigt Javascript, aber ich bin nicht geschickt genug, um es herauszufinden, auf meinem besitzen!

Vielen Dank für

Answer 1

Set Höhe Ihres <div> zu helfen, ist auto und overflow-y: inherit in @media print:

@media print { 
    // Reset to default height, overflow-y of div 
    .your-div { 
    height: auto; 
    overflow-y: inherit; 
    } 
} 

Answer 2

versuchen Sie einfach diese Art Ihrem @media Druck

div { 
    overflow-y:show; 
    /* Another your style */ 
} 

Dies wird hinzufügen mach deinen Inhalt sichtbar, obwohl er die maximale Höhe deines divs überschritten hat. Hoffe, dieser Link hilft Ihnen W3School: Overflow