打印时在 Chrome 中隐藏垂直滚动条答案

【问题标题】：Hide Vertical Scrollbar in Chrome while printing打印时在 Chrome 中隐藏垂直滚动条
【发布时间】：2020-01-13 03:23:33
【问题描述】：

如何在 Chrome 浏览器中打印报告时移除滚动条。这是我的代码：

<style>
     @media print {
         @page {
             size: A4 portrait;
             margin:1cm;
         }
</style>

图片如下：

【问题讨论】：

标签： javascript css

【解决方案1】：

这是我找到的解决方案：

 @media print{
            @page {
                size: A4 portrait;
                margin:1cm;
            }
            ::-webkit-scrollbar {
                display: none;
            }
        }

【讨论】：

【解决方案2】：

overflow: hidden 是您要查找的 css 属性。它删除滚动条并删除溢出的内容。见：https://developer.mozilla.org/en/docs/Web/CSS/overflow

<style>
     @media print{
         @page {
             size: A4 portrait;
             margin:1cm;
             overflow: hidden;
            }
     }
</style>

或者尝试设置溢出隐藏而不依赖于媒体查询：

html { overflow: hidden; }

如果这对打印没有帮助，不妨看看以下问题的答案：How to hide the scroll bar and with the content ramaining scrollable?

如前所述，您可以尝试将 webkit 浏览器的滚动条宽度设置为零。

【讨论】：

查看此解决方案：stackoverflow.com/questions/42268436/…
我从这里找到了解决方案：stackoverflow.com/questions/42268436/…。