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

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

（学习推荐:编程视频）

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

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 }）；}，相关推荐:小程序开发教程

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

• 小程序开发的具体流程是什么（小程序开发入门教程）
• 小程序调用百度云接口实现人脸识别（人脸识别小程序百度云下载）
• 微信小程序开发需要掌握哪些技术（微信小程序开发需要哪些技能）？
• 如何将外部css引入小程序(如何将外部js引入微信小程序)
• 小程序开发的难点是什么（开发小程序难吗）

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