在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

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

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