可能的重复:
如何禁用浏览器或元素滚动条,但允许使用滚轮或箭头键滚动?
我想知道是否可以隐藏滚动条,同时鼠标/键盘仍然启用滚动。
我尝试使用 CSS: overflow: hidden;
。效果是禁用滚动条和禁用滚动。
可能的重复:
如何禁用浏览器或元素滚动条,但允许使用滚轮或箭头键滚动?
我想知道是否可以隐藏滚动条,同时鼠标/键盘仍然启用滚动。
我尝试使用 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";
更新:您可以使用相同的原理创建没有滚动条的可滚动 div:demo。
有一个名为Scrollable的 jQuery 插件可以满足您的需求。
不是原生的,但我想您可以通过使用 Javascript 来捕获某些击键并使用 CSS 相应地重新定位容器元素来实现自己的滚动机制。不过会很丑!