css - 在位置为 :fixed elements 的 Safari 7 上滚动时,部分页面不可见

标签 css safari ios7 mobile-safari

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

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

最佳答案

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

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

在野外观看 http://ruelculture.com/ .就是这样!

关于css - 在位置为 :fixed elements 的 Safari 7 上滚动时,部分页面不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19172249/

相关文章:

html - 动画不会在第一次点击时发生?

html - iPad、Safari、CSS : Fill page with flex

html - iOS safari 阅读器 View 未正确显示网站

iphone - iOS 7 Safari : prevent UI chrome appearing differently on scroll up and scroll down

ios - 如何在 iOS 7 设置区域中显示非大写文本 block ?

javascript - 如果 margin-left = 0px,我如何更改我的 margin-left-increase 函数以禁用?

css - 无法在 HTML/CSS 中将文本居中

javascript - 如何制作始终可见的iframe

Safari Web Inspector 默认显示在新窗口中

ios - 存档时 Assets.car 比实际 Images.xcassets 文件夹大 6 倍