vue-infinite-scroll 坑

代码如下

	
	<div class="main">
		<div
	        id="activeChat"
	        v-show="messages && messages.length>0"
	        class="chat"
	        @scroll="load"
	        v-infinite-scroll="scrollDown"
	        :infinite-scroll-disabled="false"
	        :infinite-scroll-distance="20"
	      >
	      </div>
      </div>

<style scoped>
  .main{
   height:800px
  }

  .chat {
   height:850px
  }
</style>

以上代码会造成往下滚动加载数据时候滚动条会跑到最上面，还有可能滚不动

原因：子元素高度超出父窗口