移动导航无法在Safari上正常工作

Question

我在移动设备和台式机上有两个单独的导航栏，其中一个在移动设备上有一个汉堡图标，当单击时，一个半透明的黑色覆盖层从顶部向下滑动并显示链接。在Google Chrome上，这工作得很好，但在Safari上由于某种原因，覆盖层仅下降到导航栏的高度。这是网站的网址，将其设置为手机大小，然后在Safari中尝试菜单。有任何想法吗？谢谢！

bodytone.samileier.com

Answer 1

在#navbar上，删除overflow: hidden属性

#navbar {
  background-color: white;
  box-shadow: 0 5px 60px rgba(0,0,0,0.08);
  position: fixed;
  width: 100%;
  height: 50px;
}