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

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

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

以下方法不可行:

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

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

解决办法:

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

效果展示

通过在界面素材中添加一个底部悬浮层,同时配置触发器行为打开悬浮层,实现一个底部悬浮层d神粗出的效果。

添加悬浮层

点击左侧导航栏的界面。

添加一个底部悬浮层。

触发器配置

注意:在检知升查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中图标。

点击检查面板中的触发器。

创建触发器。

选中悬浮层中的微信图标。

点击检查面板中的触发器。

配置打开分搭瞎老享面板触发器。

1 确实没有返回按钮。

2 这是因为微信小程培罩序的设计理念是通过底部导航栏来进历中凯行页面跳转,而不是通过返回按钮。

这样可以让用户更加快速和方便地切换不同的页面,提高用户体验。

3 如果你需要添加返回按钮,可以在页面顶部自行设计一个返回按钮,并绑定相应的事件处理函数。

但需要注意的是,这种做法可能会违反微信小程肢唤序的设计规范,影响用户体验。


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

原文地址:https://54852.com/yw/12218676.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存