隐藏滚动条,同时仍能使用鼠标/键盘滚动[重复]

这个问题在这里已经有答案了

9年前关闭的

可能重复:
如何禁用浏览器或元素滚动条,但允许使用滚轮或箭头键滚动

我想知道在鼠标/键盘仍然启用滚动的情况下,是否可以隐藏滚动条

我尝试使用CSS:overflow:hidden。效果是禁用滚动条滚动禁用

作为将来的参考,还有一个没有jQuery的解决方案-只需让包装器div样式包含overflow:hidden,并使用以下JavaScript两行代码:

//获取文本区域减去滚动条的宽度
var textareaWidth=document.getElementById(“textarea”).scrollWidth;
//包装的宽度等于文本区域内部的宽度
document.getElementById(“包装器”).style.width=textareaWidth+“px”;

请参阅演示或完成HOWTO

更新:您可以使用相同的原理创建可滚动的div,而无需滚动条:demo

发表评论