<u-popup
v-if="searchColumns && searchColumns.length"
:safeAreaInsetTop="true"
:safeAreaInsetBottom="true"
:round="12"
:show="show"
@close="show = false"
mode="right"
@open="handleOpen"
customStyle="width: 80vw"
>
<scroll-view
scroll-y
:style="{
height: 2000+ 'px',
overflowY: 'auto'
}"
>
<u-popup :show="true" mode="bottom">
<view style="width:100%;height:500px;">childPop</view>
</u-popup>
</scrool-view>
</u-popup>
- 发布:2023-06-19 18:19
- 更新:2023-06-20 09:08
- 阅读:203
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 3.8.5
手机系统: iOS
手机系统版本号: iOS 16
手机厂商: 苹果
手机机型: iphone12mini
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
这个应该跟使用的组件没多大关系,
按照上面的代码,就能复现,它裁剪了内部的弹出层,内部的弹出层是一个fixed定位,照理来说,不应该被裁剪
这个应该跟使用的组件没多大关系,
按照上面的代码,就能复现,它裁剪了内部的弹出层,内部的弹出层是一个fixed定位,照理来说,不应该被裁剪
预期结果:
期望不裁剪内部具有fixed定位的元素
期望不裁剪内部具有fixed定位的元素
实际结果:
https://mp-228a45fe-ee2c-4b41-a0e7-8a9809aeaf23.cdn.bspapp.com/cloudstorage/8dcbc087492c97e39d12e34a5452994.jpg
https://mp-228a45fe-ee2c-4b41-a0e7-8a9809aeaf23.cdn.bspapp.com/cloudstorage/8dcbc087492c97e39d12e34a5452994.jpg
bug描述:
scroll-view组件,在ios上,只要触发滑动,就会出现下图的bug
勇哥萌萌哒 (作者)
把scroll-view改成普通的view,然后用 overflowY:auto来模拟scroll-view,在ios上就是正常的
用了这个scroll-view,反而不正常了,所以过来报了个bug