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

Art*_*hur 38 html javascript css jquery

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

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

我试着用CSS:overflow:hidden; 效果是,禁用滚动条并禁用滚动.

hon*_*zzz 45

为了将来参考,还有一个没有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";
Run Code Online (Sandbox Code Playgroud)

查看演示或完成HOWTO.

更新:您可以使用相同的原则来创建可滚动的div而不使用滚动条:demo.

  • 很好,但是有什么关于浏览器和移动兼容性的呢? (5认同)
  • @cocoacoder 如果你想知道,你可以随时在不同的浏览器和移动设备中尝试它......我在 iOS 和 IE9 上进行了测试,它工作正常。这种方法没有什么太黑的地方,所以它应该具有很好的交叉兼容性。只要平台支持scrollWidth属性,它就可以正常工作。 (2认同)

Pet*_*olm 6

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