Javascript 隐藏滚动条（如果不需要）-Ace编辑器

我一直在尝试，并且一直在尝试在不使用时自动“隐藏”（=不使用系统默认值）垂直/水平滚动条

---

有办法吗？有什么想法吗？

只需将

overflow:auto

css添加到正确的元素中即可。我想那可能是

.ace\u scroller

。给我举个滚动条的例子，或者使用对象检查器（Ctrl+Shift+I；Chrome、FF、Opera）自己查找

编辑： 这是您的代码：

body .ace_scrollbar-v {
    overflow-y: auto;
}

body .ace_scrollbar-h {
    overflow-x: auto;
}

编辑2： 如果编辑器未悬停，则隐藏滚动条：

body .ace_scrollbar {
    display: none;
}
body .ace_editor:hover .ace_scrollbar {
    display: block;
}

或使用动画：

body .ace_scrollbar {
    -webkit-transition: opacity .3s ease-in-out;
       -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
         -o-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;
    opacity: 0;
}
body .ace_editor:hover .ace_scrollbar {
    opacity: 1;
}

---

您可能还需要设置换行符

---

editor.getSession（）.setUseWrapMode（true）

好吧，我已经尝试过了（特别是在你建议的

.ace\u scroller

上），问题是。。。在我试图“隐藏”的滚动条旁边添加另一对滚动条。查找正确的元素或提供滚动条示例。。。我不是魔术师；）我才意识到这是怎么回事。再看看答案。嗯。。。还是没什么。滚动条还在那里。（仅供参考，测试仅在Safari上进行。我对任何其他浏览器都不感兴趣）此答案设置滚动条以隐藏文本是否短，但这是ace中的默认行为，可以使用

ace.setOptions（{hScrollBarAlwaysVisible:false，vScrollBarAlwaysVisible:false}）激活
，问题似乎是当滚动条不像mac os那样悬停时隐藏滚动条。