側邊欄菜單不顯示在 Safari/IOS 上

Question

我有一個固定位置的導航欄，以及在移動設備上打開側邊欄菜單的按鈕。 僅在 IOS 和 Safari 上，當您單擊購物車或帳戶時，側邊欄不會顯示。 顯然，這是某種兼容性問題，但我該如何解決或解決此問題？

https://walkpop.com/

我在 StackOverflow 上看到其他一些線程說這是因為 Webkit translate 在固定位置父級中不起作用，所以我從我的代碼中一起刪除了 translate 以避免重新排列 HTML。 現在我正在使用 JS 將左值從 -10000px 更改為 0 單擊。

這是給我的代碼，由於樣式附加到所有內容，重新排列 HTML 很痛苦。

在桌面和 Android 上，該網站完全正常。 只有在 IOS 和 Safari 上側邊欄才會拉出，但您只能看到側邊欄的頂部。 這是IOS上問題的圖像

Answer 1

這個問題是因為父元素有一個overflow: hidden; 屬性。 出於某種原因，它只是隱藏了 IOS 上的側邊欄。 一旦我刪除了那條線，一切就都解決了。