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

Question

我想隐藏滚动条出现在一个长格，但仍然能够滚动鼠标或键盘箭头keys.I阅读另一个线程在这里关于滚动。尝试使用..但不能实现...可以有人指导我如何清楚地实现，或者是否有任何其他选项与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内有更多内容。