如何将div滚动条放在左侧？

Question

是否可以为div上的垂直滚动条指定位置（左侧或右侧）？

其中说明了如何使用溢出属性。有什么方法可以将滚动条放在可滚动区域的左侧？

Answer 1

要么

适用于所有主要浏览器（甚至是Safari）的剪切和粘贴解决方案

任何高度或宽度都可以

<style>
  .list_container {
    direction: rtl;
    overflow:auto;
    height: 50px;
    width: 50px;
  }

  .item_direction {
    direction:ltr;
  }
</style>
<div class="list_container">
  <div class="item_direction">1</div>
  <div class="item_direction">2</div>
  <div class="item_direction">3</div>
  <div class="item_direction">4</div>
  <div class="item_direction">5</div>
  <div class="item_direction">6</div>
  <div class="item_direction">7</div>
  <div class="item_direction">8</div>
  <div class="item_direction">9</div>
  <div class="item_direction">10</div>
  <div class="item_direction">11</div>
  <div class="item_direction">12</div>
</div>

（可选）添加class="item_direction到每个项目中，以更改文本回流的方向，同时保留容器的方向。