引导移动菜单不滚动而不是背景滚动答案

【问题标题】：bootstrap mobile menu not scrolling instead the background is scrolling引导移动菜单不滚动而不是背景滚动
【发布时间】：2020-09-14 01:27:51
【问题描述】：

我在引导程序中完成了一个网站，菜单在桌面上运行良好

<button type="button" class="dropdown-toggle pull-left" data-toggle="dropdown" data-target="#navbar-menu" aria-expanded="true">
<i class="fa fa-bars"></i><span style="font-size: 10px;width:100%;float: left;"><b>menu</b></span>
</button>

现在，当我在移动设备上加载它并打开菜单时，它没有滚动，所以我无法在下拉菜单中看到选项，而是背景正在滚动，我在谷歌搜索并看到如下答案：

.navbar-nav {
  height: 150vh; // <-- This will fix the collapse animation
}

.navbar-collapse.in {
   overflow-x: hidden;
   padding-right: 17px; // <-- Hide scroll bar, but still being able to scroll
}

@media (min-width: 768px) {
    .navbar-nav {
        height: auto;
    }
}

但菜单仍然没有滚动并且背景正在滚动。谁能告诉我这里有什么问题，这是我的直播网址enter link description here

提前致谢

【问题讨论】：

我用我的三星 S8 和谷歌开发者尝试你的网站，在所有两个 Dropbox 菜单工作。
@SimoneRossaini，我刚刚修好了 :)

标签： html css bootstrap-4 menu toggle

【解决方案1】：

我终于解决了这个问题，我为菜单提供了 hieght 并提供了溢出滚动

.navbar-nav {
  
	max-height:400px;
	overflow-y: scroll;
}

【讨论】：

【解决方案2】：

只需将navbar-nav-scroll 类添加到现有的navbar-nav 类中，即可解决所有滚动问题。

【讨论】：