在从右到左的页面中设置滚动条的正确方向

Dan*_*Lew 7 html css scrollbar right-to-left

我现在正在使用从右到左的布局(想想希伯来语或阿拉伯语).在RTL中,页面通常水平翻转.但是,我无法弄清楚如何更改滚动条的方向.我假设滚动条应该出现在可滚动元素的左侧,而不是像LTR布局中那样出现在右侧.

这是一个示例页面,其中滚动条仍显示在右侧:

<html dir="rtl">
<body>
<div style="height: 100px; overflow: auto;">
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
    <p>This is some text</p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

滚动条的方向是浏览器区域设置,因此不是我应该关注的,或者有没有办法设置滚动条的方向?

(我对实现我自己的JavaScript滚动条不感兴趣;如果事实证明这仅仅是浏览器的限制,那么我宁愿忍受这一点,也不会增加页面的复杂性.)

Wal*_*ssa 10

我不认为这样做是个好主意,我自己也是阿拉伯人,当滚动条在左边时我发现它真的很烦人.