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

Posted 2023-03-14

技术标签:

【中文标题】水平子菜单在 iPhone 上不起作用（适用于 Chrome 和 Safari）【英文标题】：Horizontal submenu not working on iPhone (works on Chrome & Safari) 【发布时间】：2020-08-26 15:48:43 【问题描述】：

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

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

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

二级菜单在一个带有“localmenu”类的包装器中，而ul子菜单有“子菜单”类。

我尝试过的事情

各种溢出选项 Z 索引我读到了这个 '-webkit-transform: translate3d(0px, 0px, 1px)' 技巧，但它似乎没有任何作用

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

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

【问题讨论】：

【参考方案1】：

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

【讨论】：