Mint UIのInfinite scroll無限スクロールコンポーネントがloadMoreをトリガーしている

自分でdemoを書いてmintuiを勉強するとき、Infinite scrollコンポーネントを使って、問題にぶつかった.
まず問題を述べる
公式ドキュメントinfinate-scroll
導入

import { InfiniteScroll } from 'mint-ui';

Vue.use(InfiniteScroll);

<ul
  v-infinite-scroll="loadMore"
  infinite-scroll-disabled="loading"
  infinite-scroll-distance="10">
  <li v-for="item in list">{
     { item }}li>
ul>

HTML要素にv-infinite-scrollコマンドを追加すると、無限スクロールが使用できます.この要素をスクロールし、その下部と被スクロール要素の下部との距離が所定のしきい値より小さい場合(infinite-scroll-distance設定により)、v-infinite-scroll命令にバインドする方法がトリガーされます.
loadMoreはずっとトリガーされますか?何の鬼だ?
解決策
ulを包む外層容器にheightを設定するかoverflow-y:hiddenを設定します.