ElementUI中InfiniteScroll无法控制自动加载问题的解决

InfiniteScroll官方文档

使用官方文档中的禁用加载例子来说明

	<div class="first_left">
      <ul
        class="list"
        v-infinite-scroll="load"
        infinite-scroll-disabled="disabled"
        infinite-scroll-distance="10"
        infinite-scroll-immediate="true"
        style="overflow:auto"
      >
        <li v-for="i in count" v-bind:key="i" class="list-item">
          ...内容...
        li>
      ul>
      <p v-if="loading" id="load_div">加载中...p>
      <p v-if="noMore">没有更多了p>
    div>

• 问题1. 但是我使用之后，发现所有的数据是连续加载出来的，infinite-scroll-distance="10"控制加载距离这个属性并没有生效。具体远离不清楚，但是我自己测试的时候，发现原因为列表ul高度没有写死，因此影响了该属性生效。（如果有大神知道具体原理，期望留言告知，感激不尽。）
• 问题2. 按照上边设置后，我的项目出现如下问题：
  
  由图可知出现的问题：两个进度条，一方面ul高度超过了父级，另一方面为了让infinite-scroll-distance="10"这条属性生效，还不能让ul自适应高度。
  解决办法：style="overflow:auto"改为style="overflow:visible"，问题解决了，但是具体原理不知。（如果有大神知道具体原理，期望留言告知，感激不尽。）