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

Question

  

可能重复：
  How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?

我想知道是否可以隐藏滚动条，同时仍然使用鼠标/键盘滚动。

我尝试使用CSS：overflow：hidden; 效果是，禁用滚动条并禁用滚动。

Answer 1

为了将来参考，还有一个没有jQuery的解决方案 - 只需让包装器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";

请参阅demo或完成HOWTO。

更新：您可以使用相同的原则创建无滚动条的可滚动div：demo。

Answer 2

有一个名为Scrollable的jQuery插件可以满足您的需求。

Answer 3

不是原生的，但我想你可以通过使用Javascript捕获某些击键并使用CSS相应地重新定位容器元素来实现自己的滚动机制。不过，它会变得丑陋！