javascript – iPhone:固定位置Div隐身

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

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

最佳答案
您的问题与iOS 8中的其他问题非常相似.-webkit-transform hack的变体似乎也解决了这个问题.

添加-webkit-transform:translateZ(0);到body.open选择器似乎解决了这个问题.

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

iOS 8似乎有一些3D转换能够抵消的分层问题.这个似乎与使用-webkit-overflow-scrolling:touch;随着OP的发现.

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

转载注明原文:javascript – iPhone:固定位置Div隐身 - 代码日志