隐藏滚动条但能够使用鼠标滚动

我想隐藏滚动条以显示在一个长div上，但仍然可以滚动鼠标或键盘箭头键。我在这里阅读另一个关于scrollable的post。想要使用它..但是无法实现…有人可以引导我如何清楚地实现它或jquery或css还有其他选择吗？

任何帮助将不胜感激。

谢谢

Answer 1

我不是100％肯定这个浏览器兼容性，但你可以有两个div – 一个外部div和一个内部div。 内部div将包含您的所有内容。 你的CSS可能看起来像这样：

#outer { width: 200px; height: 200px; overflow:hidden; } #inner { height: 200px; width: 225px; overflow: scroll; } 

也就是说，内部块足够宽以包含滚动条，但是包含div可以隐藏它。 这在webkit中对我有用。 您可能需要调整宽度以确保文本不会被切断。

也就是说，我会仔细考虑为什么你要这样做。 对于您的用户来说，这可能是一个巨大的可用性问题，因为他们没有任何迹象表明div中有更多内容。