Bootstrap隐藏/删除滚动条

Question

我正在使用Bootstrap thumbnail，我想知道如何删除或隐藏div中的滚动条？我正在寻找类似/相同的问题。我试过溢出：auto;和溢出：隐藏。滚动条仍显示栏。我还想知道有没有办法在栏上添加一些风格（像背景颜色变化那样简单）？

Answer 1

您无法隐藏滚动条但仍然可以滚动元素。你需要有一些东西。从用户体验的角度来看，它应该是显而易见的，并且可以滚动。

但是，您可以使用CSS更改滚动条外观，但它是实验性的，仅在Chrome等Webkit浏览器中受支持。

关于CSS-Tricks的

Article about it here。摘自文章......

::-webkit-scrollbar              {}
::-webkit-scrollbar-button       {}
::-webkit-scrollbar-track        {}
::-webkit-scrollbar-track-piece  {}
::-webkit-scrollbar-thumb        {}
::-webkit-scrollbar-corner       {}
::-webkit-resizer                {}

或者您可以使用jQuery插件。 This seems to be a popular one。这使得滚动条样式能够提供更好的CSS支持，但显然需要jQuery和插件。