如何使滚动条显示在左侧而不是右侧？ （CSS）

Question

我如何使滚动条出现在文本的反面？ （当前代码使它显示在右侧。）

#words {
overflow-y: scroll;
max-height: 100px;
color:white;
margin: 30px 50px 30px 60px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: smaller;
font-weight: 300;

Answer 1

使用direction:rtl; source

fiddle进行验证。

.MainDiv {
  direction: rtl;
  overflow: auto;
  height: 100px;
  width: 50px;
}

<div class="MainDiv">
  <div>list 1</div>
  <div>list 2</div>
  <div>list 3</div>
  <div>list 4</div>
  <div>list 5</div>
  <div>list 6</div>
  <div>list 7</div>
</div>