Javascript 使用鼠标滚动从右向左滚动垂直rl div

在这里，我制作了一个

垂直rl

环境

（函数（）{
函数（e）{
e=window.event | | e；
var delta=数学最大值（-1，数学最小值（1，（e.车轮delta | |-e.细节））；
document.documentElement.scrollLeft-=（增量*50）；
document.body.scrollLeft-=（增量*50）；
e、 预防默认值（）；
}
if（window.addEventListener）{
window.addEventListener（“鼠标滚轮”，水平滚动，假）；
addEventListener（“DOMMouseScroll”，水平滚动，假）；
}否则{
window.attachEvent（“onmouseheel”，水平滚动）；
}
})();
#主体{
身高：80%；
最小宽度：100%；
写入方式：垂直rl；
字体大小：3.0rem；
}

一,

二,

三,

四,

五,

六,

七,

八,

九,

十,

十一,

十二,

十三,

十四,

十五

十六,

十七,

十八

十九,

二十

二十一,

二十二

如果html主体本身是
dir=“rtl”
，则滚动方向应相反。因此，将主体设置为
dir=“rtl”
，并制作一个div，该div为
写入模式：垂直rl
和
dir=“ltr
。并将脚本的两个
（delta*50）
更改为
（delta*-50）


（函数（）{
函数（e）{
e=window.event | | e；
var delta=数学最大值（-1，数学最小值（1，（e.车轮delta | |-e.细节））；
document.documentElement.scrollLeft-=（增量*-50）；
document.body.scrollLeft-=（增量*-50）；
e、 预防默认值（）；
}
if（window.addEventListener）{
window.addEventListener（“鼠标滚轮”，水平滚动，假）；
addEventListener（“DOMMouseScroll”，水平滚动，假）；
}否则{
window.attachEvent（“onmouseheel”，水平滚动）；
}
})（）；

月亮代表我的心

一,

二,

三,

四,

五,

六,

七,

八,

九,

十,

十一,

十二,

十三,

十四,

十五

一,

二,

三,

四,

五,

六,

七,

八,

九,

十,

十一,

十二,

十三,

十四,

十五

一,

二,

三,

四,

五,

六,

七,

八,

九,

十,

十一,

十二,

十三,

十四,

十五

您可能会发现，虽然属性为垂直rl，但只有内容会从右向左运行；溢出仍然从左向右运行。这与溢出的布局有关。@D-Waqas谢谢，您的评论启发我找到了解决方案。