Javascript 隐藏滚动条,同时仍能使用鼠标/键盘滚动

Javascript 隐藏滚动条,同时仍能使用鼠标/键盘滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,可能重复: 我想知道在鼠标/键盘仍然启用滚动的情况下,是否可以隐藏滚动条 我尝试使用CSS:overflow:hidden。其效果是禁用滚动条和滚动。不是本机的,但我认为您可以通过使用Javascript捕获某些击键并使用CSS相应地重新定位容器元素来实现自己的滚动机制。不过会很难看的 有一个名为jQuery的插件,它可以满足您的需要。作为将来的参考,还有一个没有jQuery的解决方案-只需让包装器div样式包含溢出:隐藏,并使用以下JavaScript两行代码: // get the wid

可能重复:

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


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

不是本机的,但我认为您可以通过使用Javascript捕获某些击键并使用CSS相应地重新定位容器元素来实现自己的滚动机制。不过会很难看的

有一个名为jQuery的插件,它可以满足您的需要。

作为将来的参考,还有一个没有jQuery的解决方案-只需让包装器div样式包含
溢出:隐藏
,并使用以下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:。

不错,但是浏览器和移动设备的兼容性如何?@cocoacoder如果您想知道,您可以在不同的浏览器和移动设备中尝试它。。。我在iOS和IE9上进行了测试,效果很好。这种方法没有太多的缺点,所以应该是非常兼容的。只要平台支持scrollWidth属性,它就可以正常工作。似乎世界上所有的浏览器都支持它: