【问题标题】:Parts of page are invisible when scrolling on Safari 7 with position:fixed elements在 Safari 7 上使用 position:fixed 元素滚动时,部分页面不可见
【发布时间】:2013-10-04 02:30:36
【问题描述】:

在 Mac 和 iOS 上的 Safari 7 中有一个相当大的错误,很难找到任何东西,但很容易修复。

在某些情况下,当使用 position:fixed 时,Safari 7 在滚动时无法绘制部分页面。这可以通过点击箭头在http://ruelculture.com/glitchy.html 看到,稍等片刻并尝试向上滚动。

【问题讨论】:

    标签: css safari ios7 mobile-safari


    【解决方案1】:

    要解决此问题,请通过添加以下 CSS hack 对消失的元素强制硬件加速:

    -webkit-transform: translate3d(0, 0, 0);
    

    通过http://ruelculture.com/ 在野外查看它。就是这样!

    【讨论】:

    • 非常感谢您花时间分享此修复程序!你觉得和java.dzone.com/articles/safaris-lazy-repaint-bug-ios-7是同一个问题吗?
    • 看起来很可能是同一个错误。这实际上并不是 Safari 第一次出现严重的无法绘制问题:在 Mac Safari 中,多年来一直存在 Safari 在使用集成图形芯片时会“忘记”重新绘制大块画布的问题。跨度>
    【解决方案2】:

    还有position:-webkit-sticky;,就是专门针对这个问题做的。我的答案和@Mike Marcacci 的解决方案的结果好坏参半(闪烁,当您到达页面底部时元素消失)。我仍在努力寻找解决这个问题的完美方法。 HTML5 Rocks =>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-11-27
      • 2019-03-22
      • 2021-12-09
      • 1970-01-01
      • 2022-12-16
      • 1970-01-01
      • 1970-01-01
      • 2020-05-01
      相关资源
      最近更新 更多