如何隐藏滚动条同时仍允许鼠标和键盘滚动？

在保持鼠标/键盘滚动的同时隐藏滚动条

此问题已被标记为重复，但原始线程没有充分解决该问题隐藏滚动条同时仍启用鼠标滚动的特定问题或键盘。

原始问题：

我可以隐藏滚动条，同时仍允许使用鼠标或键盘滚动吗？

CSS 溢出：隐藏限制：

CSS属性溢出：隐藏可以用来隐藏滚动条，但它也会完全禁用滚动功能。

jQuery解决方案（原始）：

原始线程提出了一个jQuery解决方案动态测量文本区域的宽度而不使用滚动条并相应地设置包装器 div 的宽度。这会产生一个没有可见滚动条的可滚动 div 的错觉。

// 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";

JavaScript 解决方案（不使用 jQuery）：

或者，可以应用相同的原理，而无需jQuery:

document.getElementById("wrapper").style.overflow = "hidden";

// 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";

更新：

同样的原理可以用于使用 CSS 和 JavaScript 创建没有滚动条的可滚动 div。

以上是如何隐藏滚动条同时仍允许鼠标和键盘滚动？的详细内容。更多信息请关注PHP中文网其他相关文章！