elementPlus 无限滚动

<div v-infinite-scroll="load" class="el-scrollbar list flex-box infinite-list" infinite-scroll-distance="1" style="overflow: auto">
    <a v-for="item in state.list" :key="item.id" class="item flex-box">
         <img :src="item.thumb" alt="">
         <div class="info">
            <h2 v-text="item.title"></h2>
         </div>
   </a
</div>    


const load = _.debounce(() => {
    state.query.page = state.query.page + 1
    getList()
}, 200)





.infinite-list {
    height: 300px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-anchor: none;
}

.infinite-list .infinite-list-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background: var(--el-color-primary-light-9);
    margin: 10px;
    color: var(--el-color-primary);
}

不知道为什么滚动条样式会失效。。