element-ui的el-scrollbar和無限加載配合使用

el-scrollbar 是餓了么團隊出的優化滾動條插件，配合無限加載需要注意以下事項：

 

1、<el-scrollbar></el-scrollbar> 的父標簽必須設置高度

2、<el-scrollbar></el-scrollbar>包裹的<ul class="infinite-list"></ul>標簽不要設置  overflow:auto 和 height

 

貼上代碼：

<div class="wrapper" style="height: 500px;">
          <el-scrollbar style="height:100%" ref="video_container">
            <ul class="infinite-list" v-infinite-scroll="getVideoList"  infinite-scroll-delay="500">
              <li class="infinite-list-item" style="font-weight: bold;" v-for="i in 10">
                <div class="id item">編號</div>
                <div class="title item" >視頻標題</div>
                <div class="upload_time item">上傳時間</div>
                <div class="video_format item">視頻格式</div>
                <div class="time item">視頻時長</div>
                <div class="distribution item">是否分發</div>
                <div class="operation item">操作</div>
              </li>
            </ul>
          </el-scrollbar>
        </div>