javascript - 隐藏滚动条,同时仍然可以使用鼠标/键盘滚动

标签 javascript jquery html css

<分区>

Possible Duplicate:
How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?

我想知道是否可以隐藏滚动条,同时使用鼠标/键盘仍然启用滚动。

我尝试使用 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";

参见 demo或完成 HOWTO .

更新:您可以使用相同的原理创建不带滚动条的可滚动div:demo .

关于javascript - 隐藏滚动条,同时仍然可以使用鼠标/键盘滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3293650/

相关文章:

提交表单时的 JavaScript 问题

javascript - 没有新页面()的 puppeteer 启动?新页面结果 secureConnectionStart 为 0

javascript - swiper.min.js 滚动条 : Force scrollbar

javascript - 通过js map 进行用户定位

javascript - 我可以在单个警报中对 javascript 数组的所有元素进行alert() 吗?

jquery - 通过数据属性选择元素

javascript - 如何获取特定 div 中的文本,只避免嵌套 div 中的文本?

javascript - 使用 Regex 将用户输入验证为 CSS?

javascript string.lastIndexOf 不适用于 span innerHTML

javascript - 为什么我不能垂直对齐我的 p 标签?