使用位置:固定元素在Safari 7上滚动时,页面的某些部分是不可见的

时间:2013-10-04 02:30:37

标签: css safari ios7 mobile-safari

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

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

2 个答案:

答案 0 :(得分:12)

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

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

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

答案 1 :(得分:0)

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