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

Question

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

非常感谢任何帮助。

由于

Answer 1

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

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

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

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

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