微信小程序坑-scroll-view滑动列表(就一行,没有填满屏幕就会触发上拉加载事件)

比方说如下图片中有一个滑动列表。我的这个页面只有一行数据,按理说我们滑动时候是不应该触发上拉加载的,因为滑动的
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撑开页面。




猜你喜欢

转载自blog.csdn.net/sdfujichao/article/details/80251275
今日推荐