scroll-view下fixed布局在真机ios下显示问题
发布于 5 年前 作者 qiugang 3460 次浏览 来自 问答
  • 在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真机存在问题)

3 回复

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

楼主解决了没?我也遇到同样的问题…

微软大牛来了啊,测试是没问题的,

wxml:

<view class=‘cover’></view>

<view class=‘intro’>内容</view>

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);

}

关键看你的代码

回到顶部