data(){ return{ istop:false, }},methods:{ top(){//回到顶部 uni.pagescroll"/>

uniapp返回键-金沙1005

uniapp返回键_app只有打开没有更新 data(){ return{ istop:false, }},methods:{ top(){//回到顶部 uni.pagescroll

<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;	
	}
}
js555888金沙老品牌的版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由思创斯整理,转载请注明出处:https://ispacesoft.com/131768.html

(0)

相关推荐

  • 问题描述:今天在学习时发现在uni.request请求时,接收到数据被赋值给了data里面得数组myfriends里面,再由v-for进行数据渲染。编写逻辑:data(){return{myfriends:[]}}方法:initialfriendlist:function(id){vardata={“userid”:id};uni.request({url:comm…

  • 可以通过设置view的background或者background-image属性来实现:

网站地图