如何隐藏滚动条，但希望它保持工作

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