<view @click="pullTop" v-if="flag">
<image class="toast-top" src="@/static/images/img_home_up@2x.png">
</view>
定义一个标杆,判断距离顶部位置390px时显示回到顶部的图标
调用uni.pageScrollTo()实现滚动到顶部
data(){
return{
flag: false,
}
}
methods:{
pullTop() {
uni.pageScrollTo({
scrollTop: 0,//滚动到距离顶部为0
duration: 500//滚动时长
})
},
onPageScroll(e) {
if (e.scrollTop > 390) {
this.flag = true
} else {
this.flag = false
}
},
}