使用溢出时隐藏滚动条:滚动; 但保持滚动能力

Question

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

我为网络应用制作了一个用户界面.它是一个侧栏,它需要让用户滚动它而不需要滚动条.内容高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:如何禁用浏览器或元素滚动条,但仍允许使用滚轮或箭头键滚动？