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;"