移动端开发在CSS使用fixed的坑点总结

 浆糊之家   2018-05-12 11:18   525 views 热度值
  1. fixed在某些情况下可能导致容器内的子元素的1px边框线消失,即使使用z-index也无法解决。
    解决方法:可以使用translateZ属性来解决
  2. fixed定位的容器内不能带有input,这是常见的bug。
    解决方法: 在input聚焦的时候去掉fixed定位状态,改为absolute。
  3. fixed+可滚动的容器内会导致fixed定位的子元素在滚动时定位失效,滚动完成后才正常回到fixed的位置。
    解决方法:尽量不要在可滚动的容器内包含fixed定位的子元素。

 发表评论


表情