隐藏滚动条,如果没有必要-Ace编辑器
Hide scrollbars, if not necessary - Ace editor
我一直在尝试Ace Editor,并试图在不使用时自动"隐藏"(=不使用系统默认值)垂直/水平滚动条。
有办法吗?有什么想法吗?
只需将overflow:auto
css添加到右侧元素即可。我想可能是.ace_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编辑器,没有预先设置元素
- ACE编辑器正在删除模块,因为define是't一根绳子
- 扩展 ACE 编辑器,如何导入自定义文件
- 检查onbeforeunload中的ace编辑器,查看是否进行了更改
- 如何在没有注释的情况下从ACE编辑器中获取值
- 与 bower 一起安装的 ACE 编辑器找不到我的模式
- 如何从定制的ACE编辑器模式强制软包装
- 可以'使用angular ui ace时,请不要查看ace编辑器
- 销毁Ace编辑器中打开的自动完成弹出窗口
- ACE编辑器applyDeltas似乎与setTimeout不兼容
- Ace编辑器:如何防止某些标签被P包装
- ace编辑器查找代码片段
- Angular2-动态加载Ace编辑器
- Ace编辑器通过垂直滚动条隐藏最后的相扑
- 使用具有不同完成符的多个ace编辑器实例
- 当我单击另一个文件时,如何在 ace 编辑器中更改内容
- 在 Ace 编辑器中自动完成 XML 值和属性
- 带有选项卡面板的 ace 编辑器
- 使用 ACE 编辑器隐藏一些行
- Ace 编辑器上的键控事件