scroll-view上拉加载失效问题

页面中需要做一个上拉加载，如下

<scroll-view scroll-y="true" class="list" @scrolltolower="loadMore">
   <listlr :listrldata="rllist.list" @guanzhu="guanzhu(arguments)"  @dianzan="dianzan(arguments)"></listlr>
   <load-more :loadtext="rllist.loadtext"></load-more>
</scroll-view>

loadMore(){
	console.log('sda');
}

然而console根本没有反应，即scroll-view下滑到底，根本没有触发@scrolltolower="loadMore"

这种情况出现，极有可能是scroll-view-y的高度超出了实际触发scrolltolower的高度。

这里要注意的是，默认情况下触发scrolltolower事件的高度是从页面导航栏后开始算起，到底部导航栏。即当触发scrolltolower的高度达到scroll-view-y高度时就触发。

原理如图：

也就是说，无论怎么滑动，触发scrolltolower的高度都达不到scroll-view-y高度，就不能触发事件了。

给scroll-view-y一个确定的高度，这个高度要和触发scrolltolower的高度一样。

此例中，即scroll-view的高度要剔除掉导航栏的高度。

<scroll-view scroll-y="true" class="list" @scrolltolower="loadMore" :style="{height:swiperboxHeight+'px'}">

data() {
	return {
		swiperboxHeight:0,
        }
}

onLoad() {
	uni.getSystemInfo({
		success:(res)=>{
			let height=res.windowHeight-uni.upx2px(100)
			this.swiperboxHeight=height
		}
	})
}

即通过设备读取接口获得页面可用高度，再减去顶部导航栏100upx。