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

Question

我想隐藏滚动条以显示在一个长div上,但仍然可以滚动鼠标或键盘箭头键.我在这里阅读另一个关于scrollable的帖子.想要使用它..但是无法实现...有人可以引导我如何清楚地实现它或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中有更多内容.