如何隱藏滾動條，但希望它保持工作

Question

這裏是代碼

#scroll{ 
overflow-y:scroll; 
max-height:500px; 
width:267px;} 

我探討它＃2和我得到了很多的答案，但他們在HTML 2個conatiners進行了解釋，但我只有一個DIV和想要應用它。謝謝

Answer 1

你應該看看父母的方式，因爲它是推薦的。給你的元素滾動條，在含有 元素包裹它，使含元素元素較小，並給它：

overflow: hidden; 

在當前的情況下，你可以這樣做純CSS。 隱藏基於Webkit的瀏覽器（Chrome和Safari）中的滾動條。

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

在IE 10+中隱藏滾動條。

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

在Firefox中隱藏滾動條，但它已被棄用。

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

JSFiddle