如何隐藏滚动条和与内容拉曼可滚动？[副本]

Question

我想打印我的html页面到一个PDF文件，但不想滚动条显示在那里的PDF文件。和我的页面有一个可滚动的主体,所以如果我设置如下：

* {
   overflow: hidden;
}

在最终的pdf文件中，正文将是不完整的。那么，如果有一种方法，只是阻止滚动条显示，但内容仍然是可滚动的？

Answer 1

您可以通过以下方式将滚动条的显示设置为无：

::-webkit-scrollbar {
    display: none;
}

这将隐藏所有滚动条而不禁用滚动。

编辑：这只在chrome上工作，为了更好的解释，你可以检查隐藏滚动条的答案

Answer 2

有一个CSS规则可以在基于WebKit的浏览器（Chrome和Safari）中隐藏滚动条。该规则是：

.element::-webkit-scrollbar { width: 0 !important }

在IE10+中有一个CSS规则可以隐藏滚动条。该规则是：

.element { -ms-overflow-style: none; }

以前有一个CSS规则可以在Firefox中隐藏滚动条，但后来被弃用了。该规则是：

.element { overflow: -moz-scrollbars-none; }