Javascript 侧边栏菜单没有'；不在Safari/IOS上显示

我有一个固定位置的导航栏，以及在手机上打开边栏菜单的按钮。仅在IOS和Safari上，当您单击购物车或帐户时，侧边栏不会显示。显然，这是一个兼容性问题，但我如何解决或修复这个问题呢

我看到StackOverflow上的一些其他线程说，这是因为Webkit translate在固定位置的父级中不起作用，所以我将translate全部从代码中删除，以避免重新排列HTML。现在我正在使用JS将左值从-10000px更改为0

这是给我的代码，重新排列HTML是一件痛苦的事情，因为所有东西都附带了样式

在桌面和安卓系统上，该网站运行完全正常。只有在IOS和Safari上才会拉出侧边栏，但您只能看到侧边栏的顶部。

---

导致此问题的原因是父元素有一个

溢出：隐藏属性。出于某种原因，它只是在IOS上隐藏了侧边栏。一旦我删除了那条线，一切都得到了修复。
我在Chrome inspect element上看到了你的网站，它是iphone X设备，工作正常。请显示屏幕截图或任何其他方式来显示它到底在哪里不起作用。@未知它在Chrome和Iphone上都可以正常工作，它只出现在实际的Iphone设备或Mac上的Safari上。将在中使用图片进行更新sec@TheUnKnown图像在这里！尝试将元标记更改为
，同时请尝试显示最少的代码，以便人们可以看到可能存在的问题。@未知这是我更改后发生的情况。它仍然没有正确显示