uni-app scrollview滚动到顶部或任意位置

两种方案
在这里插入图片描述
实现: 变更 scroll-top的值即可
以竖向为例
1,指定位置为0-1的随机数,1px不容易看出来,一般场景足够,滚动到300位置可以用300 + Math.random()偏差很小,可以容忍

<scroll-view scroll-y="true" :scroll-top="scrollViewTop">

this.scrollViewTop = Math.random();

2,结合@scroll事件一直监听,个人认为对性能是一种损耗

<scroll-view scroll-y="true" :scroll-top="scrollViewTop" @scroll="onscroll">
//js
		data() {
			return {
				scrollViewTop:0
			}
		},
		methods: {
			handleScrollViewToTop(){
				this.scrollViewTop = 0;
			},
			onscroll({target:{scrollTop}}){
				this.scrollViewTop = scrollTop;
			}
		}

对第二个方法有个优化
link

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值