Javascript 完美滚动条:suppressScrollX:true在rtl模式下不工作

Javascript 完美滚动条:suppressScrollX:true在rtl模式下不工作,javascript,html,css,perfect-scrollbar,Javascript,Html,Css,Perfect Scrollbar,我正在做一个项目,在我将项目转换为支持rtl模式之前,我使用了完美的滚动条,所有的工作都很好 在ltr模式下使用或不使用suppressScrollX:true时,滚动条工作正常,但在rtl模式下,滚动条工作正常,无需suppressScrollX:true设置此参数后,它会将内容向左移动 当我检查时,我看到卷轴从左边开始自动增加数字 注意:我正在使用suppressScrollX:true删除水平滚动条 下面是我的示例代码 <!DOCTYPE html> <html>

我正在做一个项目,在我将项目转换为支持rtl模式之前,我使用了完美的滚动条,所有的工作都很好

ltr模式下使用或不使用
suppressScrollX:true
时,滚动条工作正常,但在rtl模式下,滚动条工作正常,无需
suppressScrollX:true
设置此参数后,它会将内容向左移动

当我检查时,我看到卷轴从左边开始自动增加数字

注意:我正在使用
suppressScrollX:true
删除水平滚动条

下面是我的示例代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="perfect-scrollbar.css">
    <style>
        html {
            direction: rtl
        }

  #container {
    position: relative;
    width: 600px;
    height: 400px;
  }
</style>
</head>
<body>


<div id="container">
    <img src="https://images.pexels.com/photos/2098427/pexels-photo-2098427.jpeg">
</div>



<script type="text/javascript" src="perfect-scrollbar.min.js"></script>

<script type="text/javascript">
    const ps = new PerfectScrollbar('#container', {
    suppressScrollX : true
  });    
</script>

</body>
</html>

html{
方向:rtl
}
#容器{
位置:相对位置;
宽度:600px;
高度:400px;
}
const ps=new PerfectScrollbar(“#container”{
X:对
});    
下载工作示例