ios - iOS8 上的新固定位置错误

Question

我有一个带有固定标题和滑出式侧边栏的网站。在纵向的 iOS7 中，固定标题在边栏可见时保持固定，但在 iOS8 上，标题会根据您向下滚动的距离略微向上推。我需要它来保持固定。

查看这个 jsbin:http://jsbin.com/xuyevi/2/

主要部分是标题、侧边栏和主要内容。 header 使用固定位置固定在屏幕顶部，并具有一个 z-index，可在您滚动时将其保持在内容上方。

侧边栏固定在屏幕的左侧，最初通过向左平移自身的宽度隐藏。

要打开侧边栏，标题、内容和侧边栏中的每一个都向右平移侧边栏的宽度。

同样，这在 iOS7 和所有其他支持 translate3d 的浏览器上完美运行，甚至在横向时在 iOS8 中也能正常运行。但在纵向的 iOS8 中，固定标题会根据用户向下滚动的距离从屏幕上滑出。

此外，使用 Safari 检查器显示屏幕上的菜单项偏离了它们的预期位置。 IE。在检查器中选择一个元素会突出显示屏幕上偏离实际呈现位置的区域。

还有其他人遇到过这个吗？有人知道解决方法吗？

编辑:检查员认为固定位置标题正是它应该在的位置，即使它实际上被推离了屏幕。

Answer 1

晚会有点晚了，但是添加

html, body {
    overflow-x: hidden;
    overflow-y: scroll;
}

将修复在 iOS 8 中偏移的固定元素上的偏移滚动(例如 left:20px)。