javascript - 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 */
}