mobile - 移动浏览器错误：当顶部栏可见时，菜单链接无法正常工作

Question

对于屏幕最大宽度：479.98px 菜单的宽度：100%；并且 body 有类 .lock {overflow: hidden;}。当菜单被折叠时，类 .lock 被移除。当我在我的 PC 上的小屏幕模拟器上测试它时效果很好，但在移动设备上我发现了一个错误：如果移动浏览器的顶部栏可见，则没有跟随菜单链接，而菜单按应有的方式折叠，我看到了网址上的锚点。但如果浏览器顶部栏被隐藏，一切正常！更宽的屏幕没有问题，没有溢出：为身体隐藏。

Tob 栏可见，后面没有链接。屏幕 1

Tob 栏隐藏，没问题。屏幕 2

代码：https ://github.com/randominical/transys_demonstration

演示：https : //randominical.github.io/transys_demonstration/ 要查看问题，请在移动设备上打开它，不要大于 479px！

UPD：我不再确定这一点与屏幕宽度有关。首先，请测试您是否在设备上看到该错误。

标签： mobilehyperlinkmenuoverflowresponsive