6行代码实现微信小程序页面返回顶部效果

本文实例为大家分享了微信小程序页面返回顶部的具体代码，供大家参考，具体内容如下

效果预览：

射流研究…部分：

page({ data : { topnum 3360 0 }，returnto : function(){ this。setdata({ topnum 3360 this。数据。topnum=0 })；}}) wxml部分：

scroll-view scroll-y scroll-with-animation=' true ' scroll-top=' { { topNum } } ' view 1/view view 1/view view view 1/view view view 1/view view view 1/view view view view 1/view/scroll-view class=' top ' catch tap=' returnTop '顶部/viewwxss部分：

页面{宽度： 100%；高度： 100%;}滚动查看{身高： 100%；宽度： 100%;}查看{宽度： 100%；高度： 200像素；文本对齐：中心；线高： 200像素；字体粗细： 600；}查看第：个孩子(奇数){底色：红；}.顶部{宽度： 50像素高度： 50px位置：固定；right : 10pxbottom : 10pxz-index : 1；背景-颜色：黄色；颜色：红色；文本对齐：中心；线高： 50px}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。