window.print()打印所有div内容而不滚动条

Question

我想用javascript函数打印网页 window.print()

该页面包含带滚动条的div

但是打印只显示div的一部分

我试图添加到CSS

@media print
{
 .myDiv
  { 
    height:100%;
  }

}

但它不起作用,

我想显示所有div内容没有滚动条我怎么做？

Answer 1

此方法将允许您打印任意div.

使用jQuery:

function print(selector) {
    var $print = $(selector)
        .clone()
        .addClass('print')
        .prependTo('body');

    //window.print() stops JS execution
    window.print();

    //Remove div once printed
    $print.remove();
}

还有一些CSS:

body, html {
    width: 100%;
    height: 100%;
}

.print {
     position: fixed;
     overflow: auto;
     width: 100%;
     height: 100%;
     z-index: 100000; /* CSS doesn't support infinity */

     /* Any other Print Properties */
}