在iPhone / iPad上滚动时，侧边栏导航菜单会闪烁

Question

自从最新的iPhone / iPad更新后，侧边栏导航菜单在向上和向下滚动时闪烁。

我一直在尝试很多方法，但没有任何方法可行。

第一次尝试是在菜单打开时阻止滚动（正文）：

.overflow {
   position:relative;
   overflow:hidden;
   height:100%;
}

不幸的是，这并没有解决问题，所以我尝试了这个：

.overflow {
   position:fixed;
   overflow:hidden;
   height:100%;
}

这样可行，但当用户打开菜单时，页面会跳到顶部，同时也会出现地址栏。 IMO不是一个好的用户体验。

我也尝试将其添加到几个元素中：

div {
   -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
           backface-visibility: hidden;
} 

所以，现在我可以尝试用位置固定的方法来解决它，或者尽量避免闪烁。我不知道为什么，但是溢出：隐藏＆＃39;并不适用于iPhone。

有没有人对此有一个很好的解决方法？

Answer 1

通常不指定导航菜单的宽度和高度会导致此类效果。