比方说如下图片中有一个滑动列表。我的这个页面只有一行数据,按理说我们滑动时候是不应该触发上拉加载的,因为滑动的
scroll-view元素高度是设置的100%。结果我这里就触发了上拉加载事件。图中两个箭头,箭头1的地方是scroll-view的一个子元素的margin-top
如下图代码。
原因:就是
<view wx:for="{{arr}}" class='item'>元素设置margin-top的时候微信浏览器解析出现了问题。所以只要这个元素设置了margin属性就算是一行数据也能触发上拉加载事件。我们想要的是
滑块最后一个滑动到底部才触发上啦加载事件。
解决方法:(我们设置margin-top值是为了在两行数据之间加灰色的一个分割线)不设置margin-top。
我们可以设置一个新的元素充当这个分割线(
<view class='block'></view>
),也可以用scroll-view直接子元素以外的元素设置margin-top撑开页面。