Heim  >  Fragen und Antworten  >  Hauptteil

javascript - transform下,fixed定位失效的问题

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

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

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

大家讲道理大家讲道理2749 Tage vor573

Antworte allen(3)Ich werde antworten

  • PHP中文网

    PHP中文网2017-04-10 14:35:44

    不知道你说的

    header fixed 在顶部

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

    Antwort
    0
  • PHPz

    PHPz2017-04-10 14:35:44

    貌似见到过这种问题。

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

    Antwort
    0
  • 迷茫

    迷茫2017-04-10 14:35:44

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

    Antwort
    0
  • StornierenAntwort