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

Jedi Hongbin

12161人浏览 · 2021-03-25 16:50:06

Jedi Hongbin · 2021-03-25 16:50:06 发布

两种方案
在这里插入图片描述
实现：变更 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;
			}
		}