@mediaの画面でdivをスクロールすると、@mediaのdivの内容を表示する方法

Question

現在、私は<div>をoverflow-y:scrollに設定しています。問題は、印刷中にコンテンツが表示されないことです。

理想的には、私は<div>が

私は、これはjavascriptが必要ですが、私は上でそれを把握するのに十分な熟達していないよ想像全体の内容を表示するために展開するだけで、印刷時に（多分@media printを使用して）したいのですが、私の自分の！あなたの<div>の

Answer 1

セット高さを支援するための

おかげで@media printでautoとoverflow-y: inheritです：

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

Answer 2

はちょうどあなたの@media印刷

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

この意志にこのスタイルを追加しようコンテンツが表示されるようにしますが、divの上限を超えています。このリンクがあなたに役立つことを願っていますW3School: Overflow