首页 文章

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

提问于
浏览
38

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

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

我试着用CSS:overflow:hidden;效果是,禁用滚动条并禁用滚动 .

3 回答

  • 0

    为了将来参考,还有一个没有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 .

    Update :您可以使用相同的原理创建无滚动条的可滚动div:demo .

  • 45

    有一个名为Scrollable的jQuery插件可以满足您的需求 .

  • 7

    不是原生的,但我想你可以通过使用Javascript捕获某些击键并使用CSS相应地重新定位容器元素来实现自己的滚动机制 . 不过,它会变得丑陋!

相关问题