猿问

fixed定位在ios中无效

//主要html:
header
content
fixed定位元素
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%

莫回无

添加头部
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答