移動(dòng)端fiexd內(nèi)的元素怎么才能滾動(dòng)呢？

如圖
列表父元素是用的fixed定位的，但是里面的列表超出了，怎么才能讓他可以滑動(dòng)呢？

<div class="commonClass" v-show="showCityList">
            <div class="" v-for="item in city_list" @click="getNewList(item.id)">{{item.name}}</div>
</div>

.commonClass{
  width: 100%;
  position: fixed;
  top: 90px;
  height: 100%;
  background: #fff;
  overflow: scroll;
  bottom: 0;
}