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

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

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

解决方法

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

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

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