fixed定位在ios中无效

//主要html：header

contentfixed定位元素

footer

fixed定位元素的宽高是100%，有translaste3d属性，z-index：9999；父级content有overflow:auto；问题是，ios（11.x最新版）自带的safari浏览器下，fixed定位元素的头部和底部会被header和footer挡住，在安卓或者pc浏览器上没有问题。以下是最新测试发现，不一定准确：当点击fixed定位元素的头部或底部的时候，看上去像是点了header或`footer，实际上是点到了fixed元素，即：实际上fixed元素是在最上层的，但是显示效果被遮挡了。

九州编程

浏览 1403回答 2

2回答

动漫人物

ios下的fixed是假的，感觉上是通过绝对定位做的东西可以在body下绝对定位一个100%大小的div，来实现这种全屏的覆盖要注意的就是这时候的body就不能滚动了，得用div滚动htmlbodydiv.fixeddiv.scrollcsshtml,body,.scrollwidth:100%height:100%overflow:hiddenposition:relative.scrolloverflow:auto.fixedposition:absolutewidth:100%height:100%

0 0

莫回无

添加头部

0 0

随时随地看视频慕课网APP