废话不多说,直接上代码,复制粘贴即可使用,好用可以收藏点赞哦
wxml
<view hidden='{{!floorstatus}}' class="gotop">
<image src="../../assets/images/top.png" bindtap="goTop"></image>
</view>
wxss
.gotop{
position: fixed;
right: 10rpx;
bottom: 100rpx;
padding: 20rpx;
width: 50rpx;
height: 50rpx;
border: 4rpx solid #c9c9c9;
border-radius: 50%;
}
.gotop image{
width: 50rpx;
height: 50rpx;
}
js
data:{
floorstatus:false
},
//返回顶部
goTop(){
wx.pageScrollTo({
scrollTop: 0,
duration: 300
})
},
// 获取滚动条当前位置
onPageScroll: function (e) {
if (e.scrollTop > 150) {
this.setData({
floorstatus: true
});
} else {
this.setData({
floorstatus: false
});
}
},