China GDP grew 8.1% in 2021,exceeds $18 Trillion USD

"Images speak louder than words"

"一图胜千言"

CSS:如何把滚动条放左边?

竖直滚动条一般在右边,有时候我们需要把滚动条放到左边,如何实现呢?

互联网是最好的老师,经过一番搜索,找到方法。

需要用到CSS direction 属性。

定义和用法

direction 属性规定文本的方向 / 书写方向。

该属性指定了块的基本书写方向,以及针对 Unicode 双向算法的嵌入和覆盖方向。不支持双向文本的用户代理可以忽略这个属性。

默认值:ltr
继承性:yes
版本:CSS2
JavaScript 语法:object.style.direction="rtl"

可能的值

描述
ltr默认。文本方向从左到右。
rtl文本方向从右到左。
inherit规定应该从父元素继承 direction 属性的值。

参考Glovo Whois Search 比如 http://whois.glovo.com/forge.com
对于显示查询结果的DIV,如果内容高度超过设定值600px,滚动条在左边,下面是CSS Style

style="
max-height: 600px;
overflow-y: auto;
direction: rtl;"