fixed定位在ios手机上定位失效的原因
前几天遇到一个问题,我给两个元素加上了fixed定位,一个Z-index为500,一个z-index为509,如果不出意外应该是z-index值大的上面,但是实际发到ios手机上之后,非常奇怪
·
1,在ios手机上给两个元素加了z-index值,一个值为500,一个值为509,但是实际在了ios真机上定位失效了。
2,后来通过对其其他代码发现fixed定位失败的原因是其中一个元素的父级元素加上了一个属性,-webkit-overflow-scrolling: touch;
加上这个属性之后,其子元素再设置position:fixed
,这时在ios手机上其子元素不会相对于屏幕定位,而会相对于设置这个属性的父级元素定位。
更多推荐
已为社区贡献1条内容
所有评论(0)