Javascript 隐藏滚动条但不隐藏滚动条

我设法用纯css定制了滚动条区域，但还没有弄清楚如何使滚动条区域（白色）隐藏起来。我只想要酒吧本身，这可能吗

小提琴：

jQuery（文档）.ready（函数（）{
jQuery（'.scrollbar-inner'）.scrollbar（）；
jQuery（'html'）。滚动条（）；
});
正文{
高度：1000px；
背景：蓝色；
}
.滚动条内部{
高度：100px；
宽度：100%；
溢出：自动；
}
.内容{
高度：1000px；
宽度：100%；
}/***************滚动条基CSS***************/
/*仅适用于“插图”外观*/
html{
溢出：自动；
}
/*让我们开始这个派对吧*/
：-webkit滚动条{
宽度：12px；
背景：透明；
}
/*跟踪*/
：-webkit滚动条轨迹{
-webkit盒阴影：插入0 0 6px rgba（255255,0,0.3）；
-webkit边界半径：10px；
边界半径：10px；
}
/*处理*/
：-webkit滚动条拇指{
-webkit边界半径：10px；
边界半径：10px；
背景#5454；
-webkit盒阴影：插入0.0 6px rgba（0,0,0,0.5）；
}
：-webkit滚动条拇指：窗口处于非活动状态{
背景：透明；
}

您知道它在firefox上不起作用吗？这不一定是一个答案，但只是一个警告：滚动条样式设计是出了名的困难，在一些浏览器中是不可能的。您可以通过设置属性在webkit浏览器中执行此操作，但任何非webkit浏览器都无法工作。即使你真的设置了这个属性，我以前也做过，而且它有问题。如果你隐藏滚动条，那就只是两个问题（查看论坛-有关于如何使用overflow:hidden隐藏滚动条的帖子）amd然后创建一个自定义滚动指示器元素，该元素使用window.scroll属性中出现的滚动量向下移动页面？设置/修改实际滚动条的样式非常困难，但这可以让您创建自己的滚动条。