如何隱藏滾動條和可滾動的內容？

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