微信小程序onReachBottom方法不生效

微信小程序onReachBottom方法不生效,第1张

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

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

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

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

总结:

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

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

当viewscroll使用onReachBottom函数时,下拉触底如果不执行,可能是由于你的页面在滚动到底部之前一直处于快速滚动状态,它会导致小程序页面无法检测到触底函数。可以尝试让viewscroll慢慢地滚动,这样就能够触发onReachBottom函数。

微信小程序页面滑到到底部,继续上拉跳转到其他界面:

以下方法不可行:

1.实现这功能不能用onReachBottom,onReachBottom只有页面滑到到底部才触发,继续上拉无法再触发onReachBottom;

2.如果界面上包含其他内容,底部是列表,界面绑定页面下拉刷新方法,这种情况也不能使用scroll-view的上拉加载更多方法,会导致页面下拉和列表srcoll-view下拉2个事件冲突,触发不灵敏

解决办法:

首页上监听 touchmove,然后首页加载完的时候查询一下整个页面的高度。touchmove的时候判断已经是到底了,就跳转A页面呗。不过需要注意会触发多次,注意过滤


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存