小编典典

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

css

是否可以为div上的垂直滚动条指定位置(左侧或右侧)?

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


阅读 930

收藏
2020-05-16

共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到每个项目中,以更改文本回流的方向,同时保留容器的方向。

2020-05-16