微信小程序如何下拉刷新上拉无限推送。

微信小程序如何下拉刷新上拉无限推送。,第1张

1.下拉刷新,在滑动到裂态顶部时,bindscrolltoupper被调用,根据自己的业务逻辑请求即可.我的demo只是随机换了个关键字.

2.上拉加载,在滑茄脊动到底部时,bindscrolltolower被调用,我这里是页数加一,根据肆纳源自己的业务逻辑修改,然后将获取到的集合添加到scroll-view的数据集合里即可.

onReachBottom方滚袭法为微信小程序自带上拉加载方法,开发过程中遇到页敏备知面上拉不生效问题,尝试以下几桥消种方法:

1.json文件中添加"onReachBottomDistance",测试没有生效;

2.page 添加固定高度100%: page{height:100%} 测试也没生效

3.页面最外层盒子添加高度,自己写的是 view {min-height:101vh} 实测有效

总结:

问题出现原因 =>页面内容高度小于屏幕高度

有其他方法的可留言推荐。

在开发中遇到在.wxss中给view标枣笑签设置了背景

但是在界面上拉或者下拉的时候,上拉下来出来原本超出屏幕显示区域的部分梁芦,背景色还是白色

在界面对应的.json文件中,添加如下配置

backgroundColor 指的窗体背景颜色,而不是页面的背景颜色,即窗橡岩带体下拉刷新或上拉加载时露出的背景


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12546423.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存