javascript - 使用溢出时隐藏滚动条：滚动；但保持滚动能力

Question

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

我为 Web 应用程序制作了一段 UI。它是一个侧边栏，它需要让用户在没有滚动条的情况下滚动它。内容高 500px，但容器高 300px。

我已经将容器设置为有，overflow:scroll但随后我得到了滚动条（这是我所期望的）。我知道我可以使用禁用滚动条，overflow:hidden但这也会禁用滚动。

有没有办法让它滚动但禁用滚动条？

Answer 1

在仍然可以使用鼠标/键盘滚动的同时查看隐藏滚动条

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

或者使用鼠标滚轮插件的 jQuery 捕获鼠标滚动：如何禁用浏览器或元素滚动条，但仍允许使用滚轮或箭头键滚动？