小程序返回顶部的两种方法是什么（小程序如何返回到上一个操作）

小程序返回顶部有两种方式，即:

（学习推荐:编程视频）

首先，使用视图表单返回到顶部

HTML:

& ltimage src = & amp#39;../../img/button -top . png & amp；#39;class = & amp#39;goTop & amp#39;隐藏= & amp#39;{{!floorstatus } } & amp#39;bindtap = & quotgoTop & quot& gt& lt/image & gt；CSS:

/*返回顶部*/。goTop { height:80 rpx；宽度:80rpx位置:固定；底部:50rpx背景:rgba（0，0，0，。3）；右:30rpx边界-半径:50%；}JS:

//获取页面滚动时滚动条的当前位置:function（e）{ console . log（e）if（e . scroll top》100）{ this . setdata（{ floor status:true }）；} else { this . setdata（{ floor status:false }）；}}，//返回顶部goTop:function（e）{//单击返回顶部if（wx . page scroll to）{ wx . page scroll to（{ scroll top:0 }）} else { wx . show modal（{ title:&；#39;提示& amp # 39，内容:& amp#39;当前版本的微信太低，无法使用该功能。请升级到微信的最新版本，然后重试。& amp#39;})}}, 2.以scroll -视图的形式返回顶部。

& ltimage src = & amp#39;../../img/button -top . png & amp；#39;class = & amp#39;goTop & amp#39;隐藏= & amp#39;{{!floorstatus } } & amp#39;bindtap = & quotgoTop & quot& gt& lt/image & gt；CSS:

/*返回顶部*/。goTop { height:80 rpx；宽度:80rpx位置:固定；底部:50rpx背景:rgba（0，0，0，。3）；右:30rpx边界-半径:50%；}JS:

Data:{topNum: 0} //获取滚动条的当前位置scroll top:function（e）{ console . log（e）let t = e . detail . scroll top；if（t & gt；100 & amp& amp！this . data . floor status）{//避免重复setdata this . setdata（{ floor status:true }）；} if（t & lt；= 100 & amp& ampthis . data . floor status）{ this . setdata（{ floor status:false }）；}}，//返回顶部goTop:function（e）{//单击返回顶部this . setdata（{ top num:this . data . top num = 0 }）；}，相关推荐:小程序开发教程

这几篇文章你可能也喜欢：

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

本文由主机参考刊发，转载请注明：小程序返回顶部的两种方法是什么（小程序如何返回到上一个操作） https://zhujicankao.com/115598.html