.wxml文件
<image src='../../image/dingbu.png' class='goTopss' hidden='{{!floorstatus}}' bindtap="goTop"></image>`在这里插入代码片`
.js文件
data{
topNum: 0, //回到顶部
floorstatus:false, // 是否显示顶部
},
// 获取滚动条当前位置
onPageScroll: function (e) {
if (e.scrollTop > 100) {
this.setData({
floorstatus: true
});
} else {
this.setData({
floorstatus: false
});
}
},
//回到顶部
goTop: function (e) { // 一键回到顶部
if (wx.pageScrollTo) {
wx.pageScrollTo({
scrollTop: 0
})
} else {
wx.showModal({
title: '提示',
content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
})
}
},