关于better-scroll每次上拉刷新后回到顶部的解决方案

最新推荐文章于 2023-02-11 11:53:01 发布

置顶九天星辰i

最新推荐文章于 2023-02-11 11:53:01 发布

阅读量4.5k

点赞数

分类专栏： web前端文章标签： better-scroll vue 上拉加载回滚插件问题解决

本文链接：https://blog.csdn.net/qq_43638621/article/details/88715014

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于better-scroll每次上拉刷新后回到顶部的解决方案

相信很多朋友在使用better-scroll插件的时候，好不容易配置好后，在使用上拉刷新功能的时候，会遇到这个很让人头疼的问题，每次刷新后都回到顶部，又得往下翻，体验度极地，我也是遇到这个问题，百度了一下网上没有这个解决方案，就自己琢磨了一下，想到极其简单的解决方案，不喜吻喷

					let self = this;//改变this指向
                    self.scroll = new BScroll(wrapper,{
                        scrollY:true,
                        scrollX:false,
                        startY:self.satrY,//调用上次加载后底部y轴的位置    ---**重点** starY在data里面初始值设置为0
                        bounce: {
                            top: true,
                            bottom: true,
                        },
                        pullUpLoad: {
                            threshold: -30
                        }
                    });
                    self.scroll.on('pullingUp',()=>{
                        self.satrY = self.scroll.startY;//记录上次加载后底部y轴的位置    ---**重点**
                        self.loadData();
                        self.scroll.finishPullUp();
                    })

就这样把每次上拉到底的y轴位置记录下来，把这个值给初始化后scroll的startY就可以刷新后定位在刷新之前的位置，如有问题请留言，第一次写博客，不喜勿喷！--------我是爱动脑经的fxx