iPhone:固定位置Div隐形

时间:2015-04-07 01:21:10

标签: javascript html ios css mobile-safari

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

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

1 个答案:

答案 0 :(得分:6)

您的问题与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中的奇怪错误列表中。