如何隐藏滚动条和可滚动的内容？

Question

我想将我的html页面打印到PDF文件中，但不希望滚动条显示在PDF文件中。我的页面有一个可滚动的机构，所以如果我设置这个：

* { 
    overflow: hidden; 
} 

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

Answer 1

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

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

有一个CSS规则可以隐藏IE 10+中的滚动条。该规则是：

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

曾经有一个CSS规则可以隐藏Firefox中的滚动条，但它已被弃用。该规则是：

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

Answer 2

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

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

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

编辑：在Chrome这只作品，对于一个更好的解释，你可以检查这个答案Hidding Scrollbar