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