fixed定位在ios中无效

Question

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

Answer 1

ios下的fixed是假的，感觉上是通过绝对定位做的东西可以在body下绝对定位一个100%大小的div，来实现这种全屏的覆盖要注意的就是这时候的body就不能滚动了，得用div滚动html
body
div.fixed
div.scroll
css
html,body,.scroll
width:100%
height:100%
overflow:hidden
position:relative
.scroll
overflow:auto
.fixed
position:absolute
width:100%
height:100%
                            

Answer 2

添加头部