e***@foxmail.com
e***@foxmail.com
  • 发布:2024-11-29 15:12
  • 更新:2024-12-03 11:21
  • 阅读:260

【报Bug】IOS18.1.1系统 微信小程序端scroll-view滑动失效!!!!!麻烦尽快解决下,复现代码已给出

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.36

第三方开发者工具版本号: 1.06.2409140

基础库版本号: 3.6.6

项目创建方式: HBuilderX

示例代码:
export default {  
  name: 'Test',  
  data() {  
    return {  
      system: null,  
      safeAreaInsetsBottom: null  
    }  
  },  
  onLoad() {  
    uni.getSystemInfo({  
      success: resp => {  
        this.system = resp  
        this.safeAreaInsetsBottom = resp?.safeAreaInsets?.bottom ?? 0  
        console.log('safeAreaInsetsBottom=', this.safeAreaInsetsBottom)  
      }  
    })  
  }  
}  
</script>  

<template>  
  <view class="p-c">  
    <view style="height: 40px;width: 100%;background-color: #f6131d">  
      header  
    </view>  
    <scroll-view  
      scroll-y="true"  
      class="message-list"  
      enable-flex  
      :style="{'height': system.windowHeight - (40 + safeAreaInsetsBottom) + 'px'}"  
    >  
      <view  
        v-for="(item, index) in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]"  
        :id="'' + index"  
        :key="index"  
        class="message-item"  
      >  
        {{ item }}  
      </view>  
    </scroll-view>  
  </view>  
</template>  

<style>  
page {  
    -webkit-overflow-scrolling: touch;  
    height: 100%;  
    width: 100%;  
    box-sizing: border-box;  
    background: #fff;  
    font-size: 28rpx;  
    word-break: break-all;  
    white-space: normal;  
    color: $uni-text-color;  
    padding-bottom: constant(safe-area-inset-bottom);  
    padding-bottom: env(safe-area-inset-bottom);  
}  
</style>  
<style scoped lang="scss">  
.p-c {  
    height: 100%;  
    position: relative;  
    background-color: #EFF1F5;  
    padding-bottom: unset;  
    .message-list {  
        //height: 100%;  
        //overflow-y: auto;  
        padding: 0 20rpx;  
        background-color: #EFF1F5;  
        display: flex;  
        flex-direction: column-reverse;  
        .message-item {  
            width: 100%;  
            padding: 30px 0;  
            margin-bottom: 20px;  
            border: 1px solid #000;  
        }  
    }  
}  
</style>

操作步骤:

scroll-view滑动失效!滑动时变成了整个页面动

预期结果:

scroll-view可以正常使用

实际结果:

scroll-view滑动失效!滑动时变成了整个页面动

bug描述:

IOS18.1.1系统scroll-view滑动失效!滑动时变成了整个页面动

2024-11-29 15:12 负责人:无 分享
已邀请:
e***@foxmail.com

e***@foxmail.com (作者)

有人处理吗

e***@foxmail.com

e***@foxmail.com (作者)

麻烦尽快看下问题解决吧

e***@foxmail.com

e***@foxmail.com (作者)

@DCloud_UNI_OttoJi @DCloud_UNI_WZF @DCloud_CHB @DCloud_UNI_yuhe

锦鲤_接单

锦鲤_接单 - 开发、设计、新媒体运营

小程序上还是APP上或者是H5上?

锦鲤_接单

锦鲤_接单 - 开发、设计、新媒体运营

把这两句注释掉就好了

  • e***@foxmail.com (作者)

    确实可以了,因为我们需求是从下往上排列,其他机型没出现过这个问题,奇了怪了

    2024-12-03 11:27

  • 锦鲤_接单

    回复 e***@foxmail.com: 应该是个BUG

    2024-12-03 11:29

锦鲤_接单

锦鲤_接单 - 开发、设计、新媒体运营

或者把scroll-view上的enable-flex去掉

要回复问题请先登录注册