iPhone：固定位置Div隐形

我有一个Joomla 3网站http://www.getdripped.com/dev，我正在为其构建移动菜单。我在桌面上运行良好，但是当我尝试在iPhone上查看它时，菜单滑入，但不可见。我仍然可以盲目地点击和链接工作，但它完全不可见。甚至更奇怪的是，当我再次单击按钮关闭菜单时，在抽屉关闭之前突然出现一瞬间。我不确定问题是什么，任何人都可以帮忙吗？iPhone：固定位置Div隐形

我的iPhone运行的是iOS 8.2，并且我在Safari中进行了预览。当我在iPhone Chrome应用程序中预览时，一切都会顺利进行。这里很困惑......

来源

2015-04-07 Nick Winner

您是对的，它会在您关闭它时闪烁。奇怪，我会看看我是否能想到任何东西 – Downgoat

感谢您的检查！ –

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

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

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

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

将此添加到iOS 8中的怪异列表中。

来源

2015-04-07 01:30:59

这个伎俩！必须进行一些修改，因为它将菜单推入标题。谢谢！ –

我想对之前的评论做一个修改：虽然这确实解决了最初的问题，但是一点挖掘发现了这个问题的根源：'-webkit-overflow-scrolling：touch;'我在菜单上使用了这一行在手机上给它更自然的滚动感觉。它看起来好像在亚历山大谈到的分层问题中扮演着相当重要的角色。只是一个想法。 –

@NickWinner多奇怪。感谢您的信息，我将为未来的读者添加一条便条。 –

iPhone：固定位置Div隐形

回答

相关问题