1***@qq.com
1***@qq.com
  • 发布:2020-08-24 14:02
  • 更新:2021-03-31 17:35
  • 阅读:884

【报Bug】list 当取消回弹后bounce="false",页面不法滚动

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.8.8

手机系统: iOS

手机系统版本号: iOS 13.4

手机厂商: 苹果

手机机型: 苹果8p

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

list 当取消回弹后bounce="false",页面不法滚动

预期结果:

list只是取消回弹,页面可以正常滚动

实际结果:

list 当取消回弹后bounce="false",页面不法滚动

bug描述:

list 当取消回弹后bounce="false",页面不法滚动

2020-08-24 14:02 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

没人吗

DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

测试没有复现,请提供测试代码

<template>  
  <list :bounce="false" style="flex: 1; width:750rpx;">  
    <cell v-for="(item, index) in items" :key="index">  
      <view class="item">  
        <text class="text">{{item}}</text>  
      </view>  
    </cell>  
  </list>  
</template>  

<script>  
  export default {  
    data() {  
      return {  
        items: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]  
      }  
    }  
  }  
</script>  

<style>  
  .item {  
    height: 100px;  
    justify-content: center;  
    align-items: center;  
    margin-bottom: 1px;  
    background-color: #C0C0C0;  
  }  
</style>  
  • 想得美

    这个问题重视一下,请给list设置固定高度,就可以复现,不设置高度是页面在滚动不是list在滚动,官方大哥

    2020-10-18 22:28

  • 想得美

    这个问题导致我的ios版上线无望啊,请尽快修复

    2020-10-18 22:29

DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

设置高度也可以正常滚动,请提供一个测试工程

<template>    
  <list :bounce="false" style="width:750rpx; height: 400px;">    
    <cell v-for="(item, index) in items" :key="index">    
      <view class="item">    
        <text class="text">{{item}}</text>    
      </view>    
    </cell>    
  </list>    
</template>    

<script>    
  export default {    
    data() {    
      return {    
        items: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]    
      }    
    }    
  }    
</script>    

<style>    
  .item {    
    height: 100px;    
    justify-content: center;    
    align-items: center;    
    margin-bottom: 1px;    
    background-color: #C0C0C0;    
  }    
</style>  
邓琪昌

邓琪昌 - uni-app / uni-app-x 多平台多版本兼容的轻量、简洁、高效、全面的移动端组件库

bounce="false"不支持动态修改,list添加bounce后ios可能会出现页面无法滚动的情况。
解决办法:添加bounce="false"后如果出现页面无法滚动情况,首先关闭APP并清理后台运行APP,然后在打开就可以了。

该问题目前已经被锁定, 无法添加新回复