我的问题是把容器的高度设置成了 100vw,和视口保持同样的高度,所以设置 scroll 也无法滚动。尽管我试了很多其他方法都不能让其滚动。

把高度设置成 100% 就可以了,结构如下:

<div class="container">
  <!-- ... -->
  <div class="item"></div>
  <!-- ... -->
</div>
.container {
  width: 100px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
}