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

Question

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

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

Answer 1

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

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

在http://ruelculture.com/上疯狂地看到它.而已!