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

2018-07-01 14:24:16

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

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

我试图使用CSS：overflow：hidden; 其效果是，滚动条被禁用且滚动禁用。

为了将来的参考，还有一个没有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";

查看演示或完成HOWTO。

更新：你可以使用相同的原理来创建没有滚动条的可滚动div：demo。

有一个叫做Scrollable的jQuery插件可以实现你想要的功能。

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

链接地址: http://www.djcxy.com/p/88111.html

上一篇: hide scrollbar while still able to scroll with mouse/keyboard

下一篇: CSS + FireFox: hiding scrollbar on iframe with scrolling=yes