【发布时间】:2013-10-04 02:30:36
【问题描述】:
在 Mac 和 iOS 上的 Safari 7 中有一个相当大的错误,很难找到任何东西,但很容易修复。
在某些情况下,当使用 position:fixed 时,Safari 7 在滚动时无法绘制部分页面。这可以通过点击箭头在http://ruelculture.com/glitchy.html 看到,稍等片刻并尝试向上滚动。
【问题讨论】:
标签: css safari ios7 mobile-safari
在 Mac 和 iOS 上的 Safari 7 中有一个相当大的错误,很难找到任何东西,但很容易修复。
在某些情况下,当使用 position:fixed 时,Safari 7 在滚动时无法绘制部分页面。这可以通过点击箭头在http://ruelculture.com/glitchy.html 看到,稍等片刻并尝试向上滚动。
【问题讨论】:
标签: css safari ios7 mobile-safari
要解决此问题,请通过添加以下 CSS hack 对消失的元素强制硬件加速:
-webkit-transform: translate3d(0, 0, 0);
通过http://ruelculture.com/ 在野外查看它。就是这样!
【讨论】:
还有position:-webkit-sticky;,就是专门针对这个问题做的。我的答案和@Mike Marcacci 的解决方案的结果好坏参半(闪烁,当您到达页面底部时元素消失)。我仍在努力寻找解决这个问题的完美方法。 HTML5 Rocks =>
【讨论】: