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
你在横向滚动的时候,可滚动区域高度和宽度颠倒了是怎么体现的?这个组件的滚动用的是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组件的宽度,才可以出现滚动

