Javascript 完美滚动条:suppressScrollX:true在rtl模式下不工作
我正在做一个项目,在我将项目转换为支持rtl模式之前,我使用了完美的滚动条,所有的工作都很好 在ltr模式下使用或不使用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>
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:对
});
下载工作示例