uniapp中 ios端 scroll-view 组件内部子元素z-index失效问题
发现子组件中的弹窗在ios手机上会被限制在scroll-view里面,安卓手机上不受限制,网上找了好久
原因
scroll-view组件内部设置了 -webkit-overflow-scrolling: touch 样式,导致z-index失效(safari 3D变换会忽略z-index的层级问题)造成scroll子组件的弹出框显示遭到遮挡
弹性滚动(-webkit-overflow-scrolling):iOS 特有的 -webkit-overflow-scrolling: touch 属性会创建独立的渲染层,这个特性会破坏常规的层叠顺序,会导致子元素的 z-index 作用域被限制在父容器内(即使设置了更高的 z-index 也无法突破)
网上提供的方法(试了无效)
在微信开发者工具上点击scroll-view看到一个
然后我试了
发现解决了,具体原因不清楚,希望对你有帮助,可以两者都试试