Safari手机上不显示汉堡菜单

Question

我的网站在iPhone的Safari上显示时出现问题。

它在移动屏幕上的Chrome和Firefox上运行良好。 在Safari中，带有菜单汉堡的div消失了。

看下面的截图：

Chrome / Firefox上的网站

Safari上的网站：

您知道为什么它会在Safari上中断吗？我将不胜感激任何提示。

以下是该网站的链接：https://sylwiavv.github.io/blood-donation-landing-page-starter-master

以下是源代码的链接：https://github.com/sylwiavv/blood-donation-landing-page-starter-master

谢谢！

Answer 1

这是因为style.css（Repo）行169中的overflow-y: hidden。

  .overlay{
    height:100%;
    width:0;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    background-color:#f995c2;
    /* overflow-y:hidden;          /* Remove this line */
    transition:0.6s;
  }

删除它有效！甚至像这样用适当的width和height设置规则也可以：

.overlay{
  height:75px;
  width:100%;
  position:fixed;
  z-index:1;
  top:0;
  left:0;
  background-color:#f995c2;
  overflow-y:hidden;
  transition:0.6s;
}