补充工具栏菜单未显示在Safari / IOS上

Question

我有一个固定位置的导航栏，以及一些在移动设备上打开侧边栏菜单的按钮。单击购物车或帐户时，仅在IOS和Safari上不会显示侧边栏。显然，这是某种兼容性问题，但是我该如何解决或解决此问题？

https://walkpop.com/

我已经在StackOverflow上看到其他一些线程这样说，因为Webkit转换在固定位置的父级中不起作用，因此我从代码中删除了所有转换，以避免重新排列HTML。现在，我使用JS将单击时的左侧值从-10000px更改为0。

这是提供给我的代码，由于所有内容都具有样式，因此重新布置HTML是一件痛苦的事情。

在台式机和Android上，该网站可以正常运行。仅在IOS和Safari上才会弹出边栏，但您只能看到边栏的顶部。 Here is an image of the issue on IOS

Answer 1

此问题是由于父元素具有overflow: hidden;属性引起的。由于某种原因，它只是在IOS上隐藏了侧边栏。一旦我删除该行，一切就都固定了。