在Mac和iOS上的Safari 7中存在一个相当大的错误,很难找到任何东西,但很容易修复。
在使用position:fixed的某些情况下,Safari 7在滚动时无法绘制部分页面。这可以在http://ruelculture.com/glitchy.html处看到,点击箭头,稍等一会然后尝试向上滚动。
答案 0 :(得分:12)
要解决此问题,请通过添加以下CSS hack来强制消失元素上的硬件加速:
-webkit-transform: translate3d(0, 0, 0);
http://ruelculture.com/在野外看到它。就是这样!
答案 1 :(得分:0)
还有position:-webkit-sticky;
,专门针对此问题而制作。我的回答和@Mike Marcacci的解决方案(闪烁,当你到达页面底部时元素消失)的结果好坏参半。我仍在努力寻找这个问题的完美解决方案。 HTML5 Rocks =>