欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

fixed在移动端开发中遇到的坑及解决办法

程序员文章站 2022-05-06 12:34:31
fixed在某些情况下可能导致容器内的子元素的1px边框线消失,即使使用z-index也无法解决。 解决方法:可以使用translatez属性来解决 fixed定位的容器内不能带有input,这是常...

fixed在某些情况下可能导致容器内的子元素的1px边框线消失,即使使用z-index也无法解决。

解决方法:可以使用translatez属性来解决

fixed定位的容器内不能带有input,这是常见的bug。

解决方法: 在input聚焦的时候去掉fixed定位状态,改为absolute。

fixed+可滚动的容器内会导致fixed定位的子元素在滚动时定位失效,滚动完成后才正常回到fixed的位置。

解决方法:尽量不要在可滚动的容器内包含fixed定位的子元素。

ios不支持onresize事件