m。自定义滚动条在RTL模式下不起作用

Question

我已经建立了一个网站（目前为静态），并且使用滚动条在一个具有垂直和水平滚动条的小部件中显示最近的帖子。 该网站的基础是bootstrap 4.1.3，所有内容在ltr模式下都可以正常运行。

但是，当我将其转换为rtl时，滚动条（即m.customscrollbar）的默认位置会固定在左侧，而不是默认的右侧，并且不会更改。

这是我的js代码

$("selector").mCustomScrollbar({
    axis:"yx", // vertical and horizontal scrollbar
    autoHideScrollbar:true
});

注意：-：我已将此类（在body标签处）应用到了rtl。

.rtl {
    text-align: right;
    direction: rtl;
}

我已经使用 dir =“ rtl” 属性将其设置为rtl，但仍然无法正常工作。

更新：

当我应用jquery 2.1.3或1.11.1时，它可以工作，但是当我应用3.1.1或3.3.1时，它并没有工作。

以下是工作示例：-

使用jquery 1.11.1-example 1（有效）

使用jquery 2.1.3-example 2（有效）

使用jquery 3.3.1-example 3（不起作用）

包括您的示例在内，它不会在jquery 3.3.1上起作用