javascript - 当方向更改为 rtl 时，启用鼠标滚动条并修复 Codemirror 3.23 中的垂直滚动条

Question

我想根据语言更改文本方向。当它是 LTR 时一切正常，但一旦切换到 RTL，codemirror 的文本区域就会出现两个垂直滚动条。当我删除 overflow-y: scroll 然后我的鼠标滚动停止工作并且改变方向不添加新的垂直滚动条。 我想修复右侧的垂直滚动条和左侧的行号，而不考虑鼠标滚动条工作时的文本方向。

Answer 1

从 CodeMirror-vscrollbar 类中删除 Top 和 Right 属性，如下所示:

.CodeMirror-vscrollbar { 
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

在 Codemirror.css 中使用以下名称创建另一个类:

.ltrAlign{
right: 0; top: 0;
}
.rtlAlign{
left: 0; top: 0;
}

然后在您使用的 jsp 或 php 页面中添加以下代码:

从左到右:

$(".CodeMirror-vscrollbar").removeClass('rtlAlign');

$(".CodeMirror-vscrollbar").addClass('ltrAlign');

从右到左:

$(".CodeMirror-vscrollbar").addClass('rtlAlign');
$(".CodeMirror-vscrollbar").removeClass('ltrAlign');