在html文件中,使用table编写,通过浏览器打印时的滚动条问题

1、页面滚动,但是隐藏滚动条不显示

<style>
 ::-webkit-scrollbar{
    display:none
}
</style>

2、页数较多时,设置滚动条,浏览器打印时会将滚动条一起打印出来,若是设置滚动条后用第一种方式将滚动条隐藏起来,页面上没有影响,但是在浏览器打印时仅可打印一页,其余内容均不能打印出来

解决:在页面上使用滚动条,在打印时不使用(不是隐藏不显示)

<div class="div_style"></div>

<style>
    @media screen {
        .div_style{
            overflow-y: auto;
            height:100%;
            width:100%;
        }
    }
    @media print {
        .div_style{
            width:100%;
        }
    }
</style>

 

在html文件中,使用table编写,通过浏览器打印时的滚动条问题

上一篇:App第一次启动时翻页介绍的简洁实现


下一篇:linux源码分析2