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