父元素用overflow-x时，页面滑动时子元素会出现闪烁，这是为什么？

<view class="f-banner">  
    <view v-for="(item,index) in swiperlist" :key="index">  
        <image class="f-banner-img" :src="item.url"></image>  
    </view>  
</view>

.f-banner {  
    width: 686rpx;  
    margin: 0 auto 32rpx;  
    display: flex;  
    overflow-x: scroll;   

    &-img {  
        margin-right: 24rpx;  
        width: 420rpx;  
        height: 236rpx;  
        border-radius: 20rpx;  
    }  
}