Javascript 允许在li'；它开着

我正在处理这个移动菜单，需要允许在li大于窗口高度时滚动菜单。我很接近，但是如果你打开超过一个li，滚动就会中断

在手机中查看

当菜单打开时，还需要禁用正文滚动。这在测试时非常有效

 $('.dropdown-toggle--main').unbind('click').click(function(e) {
  // disabling y scrolling when open
    if($(this).parent().hasClass('show')){
       $('body').css("overflow-y", "hidden");
    } else{
       $('body').css("overflow-y", "scroll");
    }
  });

---

作为一种简单的玩法，您可以尝试设置包含大量项目的LI的最大高度，并在此LI上添加内部滚动，以允许用户滚动到最后的项目

尝试：

在您的

。下拉子菜单上

看起来是这样的：看LI中的内部滚动条

---

用于响应的。不幸的是，仍然会产生一个“bug”，好像你足够大胆地打开所有的li's，这会使导航更加困难。无法在live中运行，我不明白你的意思。我只在你的“公司”条目上测试过。因此，您必须根据打开的内容进行调整，可能启用/禁用特定项目的最大高度，等等。。。

 $('.dropdown-toggle--main').unbind('click').click(function(e) {
  // disabling y scrolling when open
    if($(this).parent().hasClass('show')){
       $('body').css("overflow-y", "hidden");
    } else{
       $('body').css("overflow-y", "scroll");
    }
  });

overflow-y: scroll;
max-height: 50vh;