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{
    writing-mode: vertical-rl;
    text-orientation:upright;
}
.scroll-wrapper{
  width:100px;
  height:120px;
  overflow-x:scroll;
  white-space:nowrap;
  overflow-y:hidden;
}