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;
}