效果:
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: ‘当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。‘ }) } },