uni-app scroll-view组件在ios中可滚动区域高度和宽度颠倒问题

uni-app scroll-view组件在ios中可滚动区域高度和宽度颠倒问题

开发环境 版本号 项目创建方式
Mac 最新 HBuilderX

示例代码:

<scroll-view class="award-tail-scroll" :scroll-with-animation="true" :scroll-left="scrollLeft" :show-scrollbar="false" scroll-x="true">  
    <!-- uniapp bug,ios将区域高度作为横向滚动宽度,viewWidth为可滚动区域宽度 -->  
<view class="award-tail-inner" :style="{height: viewWidth+'rpx',width: viewWidth+'rpx'}"></view>  
 </scroll-view>

操作步骤:

如上代码

预期结果:

去掉高度,仍能出现滚动

实际结果:

去掉高度设置,区域无法正常滚动

bug描述:

在ios中使用scroll-view组件,突然无法滚动,调试发现,组件将可滚动区域的宽高颠倒了,横向滚动区域宽度使用的是该区域的高度,当高度小于scroll-view宽度时,出现不可滚动。目前暂时将宽高全设置为最大长度,希望尽快处理一下


更多关于uni-app scroll-view组件在ios中可滚动区域高度和宽度颠倒问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

你在横向滚动的时候,可滚动区域高度和宽度颠倒了是怎么体现的?这个组件的滚动用的是overflow属性,没有读取它的宽高属性来做滚动

更多关于uni-app scroll-view组件在ios中可滚动区域高度和宽度颠倒问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


最新版本还是这样,没有修复

回复 i***@qq.com: 调试发现,组件将可滚动区域的宽高颠倒了 你是在哪里发现的?可以具体的说一下吗?我测试的时候,横向滚动都没有什么问题

回复 DCloud_UNI_LXH: ios nvue开发时出现

横向滚动,我如果不设置高度,横向也不可滚动,只有设置了高度,且大于scrollview组件的宽度,才可以出现滚动

回复 i***@qq.com: 可以提供个示例吗?

我如果不设置高度,横向也不可滚动,只有设置了高度,且大于scrollview组件的宽度,才可以出现滚动

回到顶部