Question

可能重复：
hide scrollbar while still able to scroll with mouse/keyboard

我为网络应用制作了一个用户界面。它是一个侧栏，它需要让用户滚动它而不需要滚动条。内容高500px，但容器高300px。

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

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

Answer 1

请参阅hide scrollbar while still able to scroll with mouse/keyboard

// 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捕捉鼠标滚动：How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?

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

1 个答案: