簡體   English   中英

水平子菜單不適用於 iPhone(適用於 Chrome 和 Safari)

[英]Horizontal submenu not working on iPhone (works on Chrome & Safari)

我一直在我的教會網站上工作以更新內容,並使志願者更容易以合乎邏輯的方式管理頁面和菜單。 菜單系統使用 Superfish,具有頂部菜單(工作正常)和某些頁面上的二級水平菜單。

在這個二級水平菜單上加載子菜單很復雜。 出於某種奇怪的原因,我的 iPhone 上沒有顯示子菜單。 在 Safari 和 Chrome 中進行測試時,它在所有窗口大小上都顯示得很好。

在 iPhone 上我可以看到一個輕微的動畫開始,但子菜單從未出現。 我懷疑 Z-index 有問題,或者可能是溢出問題 - 無論哪種方式,我都嘗試了很多方法來讓它工作但沒有成功。

二級菜單位於類“localmenu”的包裝器中,ul 子菜單具有類“sub-menu”。

我嘗試過的事情

  • 各種溢出選項
  • Z-指數
  • 我讀到了這個“-webkit-transform: translate3d(0px, 0px, 1px)”技巧,但它似乎沒有什么不同

任何幫助將不勝感激 - 感覺有點卡在這里!

網站: https : //www.lifechurchbradford.com (二級菜單項“參與”有描述的問題)

我已經設法解決了這個問題。 原來我不小心刪除了 HoverIntent.js - 這反過來破壞了觸摸支持。 很高興終於有這個工作!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM