木叶96
木叶96
  • 发布:2020-06-02 14:55
  • 更新:2024-01-28 09:37
  • 阅读:2366

【报Bug】swiper与scroll-view嵌套,iOS 页面滚动到顶部或底部出现回弹效果后,页面会卡住无法滚动

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 2.7.9

手机系统: iOS

手机系统版本号: iOS 13.4

手机厂商: 苹果

手机机型: iphone7 plus

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <swiper :current="tabIndex" style="height: 300px;" :duration="300">  
            <swiper-item>  
                <scroll-view style="height: 300px;" scroll-y="true" @scrolltolower="handleMore">  
                    <view style="height: 100rpx;" v-for="(item, index) in List" :key="index">  
                        <text>{{ item }}</text>  
                    </view>  
                </scroll-view>  
            </swiper-item>  
            <swiper-item>  
                <scroll-view style="height: 300px;" scroll-y="true" @scrolltolower="handleMore">  
                    <view style="height: 100rpx;color: #007AFF;" v-for="(item, index) in List" :key="index">  
                        <text>{{ item }}</text>  
                    </view>  
                </scroll-view>  
            </swiper-item>  
        </swiper>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            tabIndex: 0,  
            List: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]  
        };  
    },  
    onLoad() {  
    },  

    methods: {  
        handleMore() {  
            this.List = this.List.concat(this.List);  
        },  

    }  
};  
</script>  

<style></style>  

操作步骤:
  • 页面先上拉滚动一些距离
  • 再下拉回滚到顶部,并且有页面的回弹效果后,页面就会卡住无法,难以滚动

预期结果:
期望页面可以正常滚动

实际结果:
滚动到顶部并造成页面回弹效果后,页面会卡住,难以滚动

bug描述:

在swiper组件中嵌套scroll-view组件,在iOS系统中页面快速从底部滚动到顶部并且页面出现回弹区域,或者在滚动过程中会出现页面卡住无法再上拉或下拉
2020-06-02 14:55 负责人:无 分享
已邀请:
胡虎

胡虎

是一个bug 兄台是怎么解决的?

  • 栉风

    解决了吗

    2024-01-28 11:52

渡

- 性感前端在线炒粉一份8块

是iOS13以上才会 12正常

  • 木叶96 (作者)

    并没有解决,提了bug根本就没有人理, 我们这边iPhone7Plus这个bug体验上非常明显,iPhone X体验上稍微好一点但还是存在的

    2020-07-03 15:37

  • 回复 木叶96: 我就是iPhone7Plus 太难受了

    2020-07-03 15:52

  • 栉风

    解决了吗

    2024-01-28 11:53

1***@qq.com

1***@qq.com

解决了吗,我也碰到这个问题了。搜了半天终于有一个相似的

  • 栉风

    解决了吗

    2024-01-28 11:53

rabt666

rabt666

类似的问题,顶一下

  • 栉风

    解决了吗

    2024-01-28 11:53

杰哥seo

杰哥seo

一年前的问题现在解决了吗?

  • 栉风

    解决了吗

    2024-01-28 11:53

1***@qq.com

1***@qq.com - 693755

两年前的问题现在解决了嘛?

  • 栉风

    解决了吗

    2024-01-28 11:53

w***@163.com

w***@163.com

需要滚动的列表外面套上一个scroll-view

栉风

栉风 - 前端开发

解决了吗

要回复问题请先登录注册