zhangdaren
zhangdaren
  • 发布:2019-11-27 20:15
  • 更新:2019-11-27 20:15
  • 阅读:3479

scroll-view组件返回顶部不生效!(附第三方解决方案)

分类:uni-app

从https://uniapp.dcloud.io/component/scroll-view可以看到gotoTop()的实现,如下

 goTop: function(e) {  
            this.scrollTop = this.old.scrollTop  
            this.$nextTick(function() {   //这里应该是箭头函数  
                this.scrollTop = 0  
            });  
            uni.showToast({  
                icon:"none",  
                title:"纵向滚动 scrollTop 值已被修改为 0"  
            })  
 }

此前没太注意看这里。
今天遇到没法返回顶部的问题,经调试,滚动时,scrollTop一直都为0,而且再改为0,相当于没变化,也就是说界面其实没刷新。
后面改为100时,发现到100的位置,但当再次返回顶部,又不行了,猜测是因为数值没有变化,后来改为:

 goTop: function(e) {  
          this.scrollTop = Math.random();  
 }  

这样就好使了。

当然,还是建议用官方的方案,此文就当作是一种探讨吧~

1 关注 分享
5***@qq.com

要回复文章请先登录注册