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 （ Repo ）行169中。

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