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"，問題解決了，但是具體原理不知。（如果有大神知道具體原理，期望留言告知，感激不盡。）