iPhone：固定位置Div隐形

Question

我在http://www.getdripped.com/dev有一个Joomla 3网站，我正在构建一个移动菜单。我在台式机上运行良好，但是当我尝试在iPhone上查看它时，菜单会滑入，但是看不见。我仍然可以盲目地点击并且链接确实有效，但它完全不可见。什么甚至更奇怪，当我再次点击按钮关闭菜单时，它会在抽屉关闭前突然显示一小段时间。我不确定问题是什么，有人可以帮忙吗？

我的iPhone正在运行iOS 8.2，我在Safari中进行了预览。当我在iPhone Chrome应用程序中预览时，一切都在游泳。这里很困惑......

Answer 1

您的问题与iOS 8中的其他问题非常相似。-webkit-transform黑客的变体似乎也解决了这个问题。

将-webkit-transform: translateZ(0);添加到body.open选择器似乎可以解决问题。

body.open {
    -webkit-transform: translateZ(0);
}

iOS 8似乎存在一些3D转换能够抵消的分层问题。这个似乎与使用-webkit-overflow-scrolling: touch;作为发现的OP有关。

将其添加到iOS 8中的奇怪错误列表中。