问题:开发者工具正常、真机不正常
真机参数:
System: Android 9, WeChat 7.0.18.1740
Network: wifi
UA: Mozilla/5.0 (Linux; Android 9; Redmi Note 5 Build/PKQ1.180904.001; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/67.0.3396.87 XWEB/1169 MMWEBSDK/200801 Mobile Safari/537.36 MMWEBID/9357 MicroMessenger/7.0.18.1740(0x27001239) Process/appbrand2 WeChat/arm64 NetType/WIFI Language/zh_CN ABI/arm64
WeChatLib: 2.13.0 (2020.9.10 16:07:53)
操作:直接下划到底部
另:此类型真机的下拉刷新也不正常,本想去掉下拉刷新改成双击标题栏,今天发现触底也不正常
https://developers.weixin.qq.com/community/develop/doc/0004c8d9488260c5feea2339e56800
可以参考下,我用的是Taro
/** * onScrollToLower 的触发条件为 scrollTop + viewHeight + props.threshold >= scrollHeight * onScroll 监听的上面的条件不成立 也无法 触发 onScrollToLower, * * 滑动过快 或页面列表元素 高度还没渲染出来,导致此 bug * 一种办法是 我们可以可以等页面渲染完成,延迟去 querySelect 元素的位置/尺寸 去判断是否抵达底部; * 另一种我们 增加一个 larger threshold 去判断,让距离底部更高的位置触发 onScrollToLower * 很多回答说把 lower-threshold 增大是可以部分解决的,但是我们又不希望距离太高就去触发 onScrollToLower, * 所以当 onScrollToLower 无法触发,而使用 larger threshold 可以触发时,我们手动触发一次 onScrollToLower * */ const onScroll = ({ detail: { scrollTop, scrollHeight } }) => { const largerThreshold = viewHeight * 3 / 4; // 距离底部距离 列表的 3/4 const originScrollHeight = scrollTop + viewHeight + props.threshold; const largerScrollHeight = scrollTop + viewHeight + largerThreshold; if (largerScrollHeight >= scrollHeight && originScrollHeight < scrollHeight) { onScrollToLower(); } };
如果是在滑动过快的情况下触底事件不触发,可以把lower-threshold的距离调大一些,比如150px
你好,scroll-view需要加个固定高度的。
我这边工具测试和真机都是可以的
onPullDownRefresh: function() {
// 触发下拉刷新时执行
},
onReachBottom: function() {
// 页面触底时执行
},
在json里配置下面这个,下拉刷新参数
enablePullDownRefresh:true,
IOS是否正常。
帮你试了一下 是好的 你工具不是最新版吧