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

Question

7 浏览2023年5月21日

匿名的 2022年7月13日

0 Comments

我该如何在Chrome浏览器中打印报告时删除滚动条。

这是我的代码：

这是图片：

$\"enter$

admin 更改状态以发布 2023年5月21日

0

2 答案

匿名的 · Answer 1 · 2022-07-13T20:57:58+00:00

overflow: hidden是你需要查找的CSS属性。它会移除滚动条并移除溢出的内容。请参见：https://developer.mozilla.org/en/docs/Web/CSS/overflow

或尝试在不依赖于媒体查询的情况下设置overflow hidden：

html { overflow: hidden; }

如果这对打印不起作用，可能需要查看以下问题的答案：How to hide the scroll bar and with the content ramaining scrollable?

正如在那里提到的，您可以尝试将webkit浏览器的滚动条宽度设置为零。

匿名的 · Answer 2 · 2022-07-13T20:57:58+00:00

这是我找到的解决方案：

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