fixed在某些情况下可能导致容器内的子元素的1px边框线消失,即使使用z-index也无法解决。
解决方法:可以使用translateZ属性来解决fixed定位的容器内不能带有input,这是常见的bug。
解决方法: 在input聚焦的时候去掉fixed定位状态,改为absolute。fixed+可滚动的容器内会导致fixed定位的子元素在滚动时定位失效,滚动完成后才正常回到fixed的位置。
解决方法:尽量不要在可滚动的容器内包含fixed定位的子元素。ios不支持onresize事件
fixed在移动端的坑
fixed定位常见问题及解决方案
最新推荐文章于 2022-06-10 23:50:55 发布
本文探讨了fixed定位可能导致的1px边框线消失、input焦点丢失及在可滚动容器中定位失效等问题,并提供了translateZ属性、切换定位方式等实用解决方案。
3860

被折叠的 条评论
为什么被折叠?



