BUG : swiper和onPageScroll和pageScrollTo
发布于 6 年前 作者 xia79 5800 次浏览 来自 问答

我提的是一个bug

1:先说下我要实现是什么

     我要实现的其实很简单的一个效果,利用swiper 做一个 多tab的滑动 组件。上图

       

      通过上图就能很简单的看出,通过左右滑动,来切换tab;但是这里我没有使用scroll-view来做内容区域(因为用了scroll-view,无法使用原生下拉刷新 和 还有很多组件都不能放到 scroll-view中,所以放弃了),如果不用scroll-view,也就意味着,我只要上拉滑动页面,其他的tab 内容也跟着一起滑动,那么肯定不对;

    我是这么做的:

         每个tab的容器 设置1个scollTop参数(多个),通过onPageScroll 记录每次滚动距离 记录到这个 scollTop中来,那么我滑动到其他tab,如果再返回 可以通过 pageScrollTo来设置滑动的当前tab 的滚动值,这样就能很好的解决 每个容器都能滚动到指定位置;

        

2:bug表现形式

通过上面的方法确实能实现每个页面 记录不同的 滚动位置,但是 如果 来回tab 页面切换,就会出现 onPageScroll 会把原来的记录的值 自动替换为 0;


上面的数字 就是记录每个tab 容器 滚动的距离,当前在   最新美女  这里,如果我左滑 到   热门美女,会发现热门美女 后面数组变为0了(这个不是每次都这样,大概左右来回滚动3到4次 就会出现 重置为0)

1 回复

你好,请问这个问题解决了吗?

回到顶部