7

我目前正在使用从右到左的布局（想想希伯来语或阿拉伯语）。在 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>

滚动条的方向是浏览器语言环境设置，因此不是我应该关心的，还是有办法设置滚动条的方向？

（我对实现自己的 JavaScript 滚动条不感兴趣；如果事实证明这只是浏览器的限制，那么我宁愿忍受它也不愿增加页面的复杂性。）

4

4 回答 4

11

我不认为这样做是个好主意，我自己是阿拉伯人，当滚动条位于左侧时，我发现它真的很烦人。

于 2009-08-13T02:13:22.877 回答
3

只需对 body 标签执行此操作：

<body dir="rtl">

它只适用于 IE。

Firefox、Safari 和 Chrome 是另一回事，你需要一些 Javascript 才能让它工作。

于 2012-10-10T23:47:52.960 回答
1

翻转页面滚动条的一侧没有标准方法，因为它是一个 UI 元素，而您只能控制页面内容 (HTML)。

于 2010-05-15T23:25:17.470 回答
0

您可以将 dir 属性添加到 body 标记，如下所示：

<body dir="rtl">

问题是该行为在不同的浏览器中是不稳定的。大多数较新的浏览器会按照您的预期从右向左翻转内容，但只有 IE 和 Opera 也会将滚动条移到左侧。

于 2009-08-12T02:30:05.353 回答