本文实例为大家分享了微信小程序页面返回顶部的具体代码,供大家参考,具体内容如下
效果预览:
射流研究…部分:
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}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。