transform下，fixed定位失效的问题

Question

做移动web开发，遇到过类似问题的人应该不少，看到这里也没有类似的问题（stackoverflow看半天无收获啊，虽然老外提到几种方法，但是都无效），所以斗胆来请教各位移动web开发的大神。

举个简单的例子就是，一个页面header是fixed在顶部的，header的左上角有一个menu按钮，点击后出现侧边导航，把主体部分向右推了(header在主体里面)，这里用到的是css3的translate3d，等侧边导航再收回的时候，发现fixed定位已经失效。

请问各位大神是如何解决这个问题的呢，有没有什么比较完美的解决方案呢,仅通过css可以解决这个问题吗？

Answer 1

不知道你说的

header fixed 在顶部

指的是不是 position: fixed？建议用 position: absolute, 有什么问题，可以看看我写的栗子：khApp

Answer 2

父级元素如果有transform属性，会导致子元素的fixed失效。暂时没有找到解决方法。。

Answer 3

貌似见到过这种问题。

既然做的移动端，就不要用position: fixed。可以用absolute实现fixed的效果，至于怎么做，网上应该有很多。