大家好,我是你的好朋友思创斯。今天说一说uniapp返回键_app只有打开没有更新,希望您对编程的造诣更进一步.
<view class="go-top" :style="{
'display':(istop===true? 'block':'none')}">
<image src="../../static/img/top.png" @click="top" mode="widthfix" />
view>
data() {
return {
istop: false,
}
},
methods: {
top() {
//回到顶部
uni.pagescrollto({
scrolltop: 0,
duration: 300
})
},
onpagescroll(e) {
//根据距离顶部距离是否显示回到顶部按钮
if (e.scrolltop > 200) {
//距离大于200时显示
this.istop = true
} else {
//距离小于200时隐藏
this.istop = false
}
}
}
.go-top {
position: relative;
display: none; image {
position: fixed;
right: 30rpx;
top: 80%;
width: 100rpx;
height: 100rpx;
line-height: 100rpx;
}
}
文章由思创斯整理,转载请注明出处:https://ispacesoft.com/131768.html