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

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

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

以下方法不可行:

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

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

解决办法

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

在开发小程序的过程中遇到了在iPhone6 下 scroll-view 滚动无效的问题

微信社区同样的问题链接

微信官方在 社区每周 | 上周社区问题反馈以及功能优化更新(0304-0308) 也说明了正在修复此问题,可是在后面的社区每周中也未有提到过此问题的解决办法

在笔者的借来iPhone6之后经过一上午的摸索实践发现了解决办法

解决办法: scroll-view 元素设置 height:100% ,如果无效请检查父元素是否设置 height ,以此类推。如果笔者的解决办法帮助到您,记得点小心心 ღ( ´・ᴗ・` )比心。

使用竖向滚动时,需要给一个固定高度,通过WXSS设置height,否则无法滚动。

当滚动到顶部时会触发事件(具体可留意GIF输出)

当滚动到底部时会触发事件(具体可留意GIF输出)

以上就是关于微信小程序页面滑到到底部,继续上拉跳转到其他界面全部的内容,包括:微信小程序页面滑到到底部,继续上拉跳转到其他界面、微信小程序 iPhone6 ,iso10版本 scroll-view浮层 滑动穿透 滑动无效、微信小程序怎样规定区域的滚动视图等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/zz/9413144.html

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

发表评论

登录后才能评论

评论列表(0条)

保存