css - Bootstrap 4 导航栏，打开时具有全屏移动菜单背景跳跃

Question

我有以下导航栏，当在移动设备上打开时，应该有一个覆盖整个屏幕的背景。

问题是，在我当前的实现中，导航栏的内容会稍微“跳”到屏幕下方。我希望导航栏品牌和链接保持在原地不动而不会跳转。

有关显示我尝试过的代码和当前问题的示例，请参阅此小提琴。

删除height: 100vh指令会删除“跳转”，但是打开的移动导航栏的背景不再覆盖整个视口，这就是我想要的没有跳转。

感谢您的任何建议！

标签： csstwitter-bootstrapflexbox