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

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

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

以下方法不可行:

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

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

解决办法:

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

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

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

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

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

总结:

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存