我在http://www.getdripped.com/dev有一个Joomla 3网站,我正在构建一个移动菜单。我在台式机上运行良好,但是当我尝试在iPhone上查看它时,菜单会滑入,但是看不见。我仍然可以盲目地点击并且链接确实有效,但它完全不可见。什么甚至更奇怪,当我再次点击按钮关闭菜单时,它会在抽屉关闭前突然显示一小段时间。我不确定问题是什么,有人可以帮忙吗?
我的iPhone正在运行iOS 8.2,我在Safari中进行了预览。当我在iPhone Chrome应用程序中预览时,一切都在游泳。这里很困惑......
答案 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中的奇怪错误列表中。