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

分类：uni-app

bug反馈

产品分类： 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 负责人:无分享

8 个回复

胡虎

是一个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