0
点赞
收藏
分享

微信扫一扫

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


两种方案

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


实现: 变更 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​​


举报

相关推荐

0 条评论