代码之家 › 专栏 › 技术社区 › Dan Lew

设置从右向左滚动条的正确方向

right-to-left scrollbar css html

Dan Lew · 技术社区 · 15 年前

我现在正在使用从右到左的布局(想想希伯来语或阿拉伯语)。在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 回复 | 直到 11 年前

Waleed Eissa 15 年前

我觉得这样做不是个好主意,我自己也是个阿拉伯人,当滚动条在左边的时候我觉得很烦人。

shamsieh76 12 年前

只需在身体标签上这样做:

<body dir="rtl">

只对IE有效。

火狐,Safari和Chrome是另一个故事,你需要一些javascript来让它工作。

Tomer Cohen 14 年前

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

Pat 15 年前

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

<body dir="rtl">

但问题是不同浏览器的行为不稳定。最新的浏览器会像您预期的那样从右向左翻转内容,但只有IE和Opera会将滚动条移到左侧。

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前