SOURCE

<div class="outer-wrapper">
  <div class="scroll-wrapper">
  <li class="item">第1个</li>
  <li class="item">第2个</li>
  <li class="item">第3个</li>
  <li class="item">第4个</li>
  <li class="item">第5个</li>
  <li class="item">第6个</li>
  <li class="item">第7个</li>
  <li class="item">第8个</li>
  <li class="item">第9个</li>
  <li class="item">第10分</li>
</div>
</div>

.outer-wrapper{
   transform: rotate(180deg);
   width: 300px;
}
.scroll-wrapper{
  width:100px;
  height:120px;
  overflow-x:scroll;
  white-space:nowrap;
  overflow-y:hidden;
}
.item{
  display:inline-block;
  width:16px;
  white-space:normal;
  transform: rotate(180deg);
}