![在这里插入图片描述](https://img-blog.csdnimg.cn/20201219151300464.gif#pic_center)
wxml:
<image src='/images/top.jpg' class='goTop' hidden='{{showTop}}' bindtap='goTop'></image>
wxss:
.goTop{position: fixed;bottom: 20px;right: 15px;width: 32px;height: 32px;}
js:
data: {
showTop:"false",
},
onPageScroll: function (e) {
console.log(e.scrollTop)
if (e.scrollTop > 300) {
this.setData({
showTop: false
})
} else {
this.setData({
showTop: true
})
}
},
goTop: function (e) {
if (wx.pageScrollTo) {
wx.pageScrollTo({
scrollTop: 0
})
} else {
wx.showModal({
title: '提示',
content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
})
}
},