scroll-view下fixed布局在真机ios下显示问题

时间：2019-04-29 来源：小程序工厂

- 在scroll-view组件下的view使用fixed布局，设置css如下：
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
z-index:99999;
background:rgba(0,0,0,0.5);

- 预期表现：
阴影层覆盖整个手机屏幕，置于最高层级。

bug:但是现在阴影层只有当前组件区域的大小，而非手机屏幕大小。

（只有ios真机存在问题）

微信小程序开发问题解答

微信小程序开发者回答：

有可能是组件的外部元素带有 transform:traslate3d 等使fixed 定位失效的属性，导致 fixed 定位不再相对与视口。搜一下 fixed 定位失效，排查一下

微信小程序开发者回答：

微软大牛来了啊，测试是没问题的，
wxml:

内容

wxss:

.intro {
margin: 30px;
text-align: center;
}

.cover {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
}

关键看你的代码

本文网址：http://www.91bianli.com/weixinxiaochengxu/1218.html

上一篇：微信小程序原生组件video旋转(transform: rotate(90deg))问题

下一篇：wx.addPhoneContact在安卓上调取失败

售前咨询热线

0531-86088957

微信：seoceo

关注微信