javascript - 水平子菜单在 iPhone 上不起作用（适用于 Chrome 和 Safari）

Question

我一直在我的教会网站上工作，以更新内容，让志愿者更容易以合乎逻辑的方式管理页面和菜单。菜单系统使用 Superfish，在某些页面上有一个顶部菜单（工作正常）和一个二级水平菜单。

在这个二级水平菜单上加载子菜单已经很复杂了。出于某种奇怪的原因，子菜单没有出现在我的 iPhone 上。在 Safari 和 Chrome 中进行测试时，它在所有窗口大小上都显示得很好。

在 iPhone 上，我可以看到一个轻微的动画开始，但子菜单从未出现。我怀疑 Z-index 存在问题，或者可能是溢出问题 - 无论哪种方式，我都尝试了很多方法来让它工作但没有成功。

二级菜单位于类“localmenu”的包装器中，ul 子菜单具有类“子菜单”。

我尝试过的事情

• 各种溢出选项
• Z指数
• 我读到了这个'-webkit-transform: translate3d(0px, 0px, 1px)'技巧，但它似乎没有什么不同

任何帮助将不胜感激 - 感觉有点卡在这里！

网站：https ://www.lifechurchbradford.com （第二个二级菜单项“参与”有描述的问题）

标签： javascripthtmlcssiossuperfish

Answer 1

我已经设法解决了这个问题。原来我不小心删除了 HoverIntent.js - 这反过来又破坏了触摸支持。很高兴终于有这个工作！