transform下,fixed定位失效的问题

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

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

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

阅读 15.2k
3 个回答

不知道你说的

header fixed 在顶部

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

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

貌似见到过这种问题。

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题