这篇文章主要为大家展示了“如何实现微信小程序页面返回顶部效果”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何实现微信小程序页面返回顶部效果”这篇文章吧。
创新互联建站是专业的玉泉街道网站建设公司，玉泉街道接单;提供网站设计制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行玉泉街道网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
效果预览：
js部分：
Page({
data: {
topNum: 0
},
returnTop: function () {
this.setData({
topNum: this.data.topNum = 0
});
}
})wxml部分：
1
1
1
1
1
1
1
1
1
1
顶部
wxss部分:
page{
width: 100%;
height: 100%;
}
scroll-view{
height: 100%;
width: 100%;
}
view{
width: 100%;
height: 200px;
text-align: center;
line-height: 200px;
font-weight: 600;
}
view:nth-child(odd){
background-color: red;
}
.top{
width: 50px;
height: 50px;
position: fixed;
right: 10px;
bottom: 10px;
z-index: 1;
background-color: yellow;
color: red;
text-align: center;
line-height: 50px;
}以上是“如何实现微信小程序页面返回顶部效果”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
分享名称：如何实现微信小程序页面返回顶部效果
URL分享：
http://bjjierui.cn/article/pegpph.html
