隐藏滚动条,同时仍然可以滚动鼠标/键盘

可能重复:
如何禁用浏览器或元素滚动条,但允许使用滚轮或方向键滚动?

我想知道是否可以隐藏滚动条,而仍然使用鼠标/键盘启用滚动。

我试图使用CSS:overflow:hidden; 效果是,滚动条禁用和滚动禁用。

为了将来的参考,还有一个没有jQuery的解决scheme – 只要包装div样式包含overflow:hidden和使用这个JavaScript双线:

 // get the width of the textarea minus scrollbar var textareaWidth = document.getElementById("textarea").scrollWidth; // width of our wrapper equals width of the inner part of the textarea document.getElementById("wrapper").style.width = textareaWidth + "px"; 

看演示或完整的HOWTO 。

更新 :你可以使用相同的原则来创build没有滚动条的可滚动div: demo 。

有一个叫做Scrollable的jQuery插件可以做你想做的事情。

不是本地的,但我想你可以实现自己的滚动机制,通过使用JavaScript来捕获某些击键,并相应地用CSS重新定位容器元素。 虽然这将是丑陋的!