Popup彈出層滾動不流暢

使用 Vant 框架中的 van-popup 組件(彈框組件);導致列表上下滑動不流暢

Popup 彈出層 滾動不流暢

<van-popup v-model="conFlag"  class="page-cloum-flex"  position="bottom" :style="{ height: '100%' }" >
    <!-- 滾動區域 -->
    <div class="flex-cont-scrool">
        <div class="top-cont">
            <div @click="cancelTop" class="cancel-name">取消</div>
            <div class="please-name">請選擇</div>
            <div class="please-name"></div>
        </div>

        <div class="space-clor"></div>

        <!-- 頂部搜索組件 -->
        <search-com  ref="myint" placeValue="搜索" @getSearch="searchHander"></search-com>

        <!-- 中間選擇的內容 -->
        <select-list ref="myFatherchild" class="flex-cont-scrool" @selectHandler="selectCont" :listSelectData="listSelectData"></select-list>
    </div>
    <!-- 結束 -->


    <!-- 頂部重置  確認   @resethanlder="resethanlder"-->
    <botton-btn @HanderRester="clear"  @handerSubmit="handerSubmit"></botton-btn>

</van-popup>

解決辦法

.flex-cont-scrool{
  overflow: auto;
  height: 100%;
}
參考的地址：https://blog.csdn.net/weixin_34417183/article/details/92044582