el-dialog 使用绝对定位，以及内部列表滚动解决方法

最新推荐文章于 2025-01-23 19:24:24 发布

杂货铺(城南渔人)

最新推荐文章于 2025-01-23 19:24:24 发布

阅读量1.6k

点赞数

分类专栏： javascript css 文章标签： css html vue.js

本文链接：https://blog.youkuaiyun.com/hbvh1/article/details/120758866

版权

javascript 同时被 2 个专栏收录

4 篇文章

订阅专栏

css

4 篇文章

订阅专栏

.taskslayer {
    display: flex;
    top: -10%;
    overflow: hidden;
    margin-bottom: 30px;
        .el-dialog {
        // overflow: hidden;
        .assigntasks {
            position: absolute;
            left: 0;
            top: 54px;
            bottom: 20px;
            right: 0;
            padding: 0;
            z-index: 1;
            overflow: hidden;
            overflow-y: auto;
            padding: 20px;
        }
    }
}

    <el-dialog class="taskslayer" title="分配任务" :visible.sync="dialogListVisible" width="50%;">
      <div class="">
        <ul class="assigntasks" style="width: 100%">
          <li v-for="item in createdTaskList" @click="allowTask(item)" v-bind:key="item.id" class="infinite-list-item">
          </li>
        </ul>
      </div>
    </el-dialog>