Javascript 使引导移动菜单全屏显示

是否有一种相对简单的方法使引导（v3）移动菜单在屏幕上显示全高（100%）

---

看起来似乎菜单只覆盖其中的菜单内容（bootstrap.js中的默认行为）。我只是想防止用户在查看移动菜单时滚动/查看底层页面。

您可以试试这个。我认为它看起来比拥有一个占据整个页面并达到预期效果的菜单要好

一般的想法是禁用页面上的滚动，并在菜单打开时隐藏内容。尽管您可以很容易地禁用滚动。或者，打开菜单时，将菜单的高度设置为100%

这是整个菜的菜单。非常相似的设置，但有一个跳跃的过渡。。。我认为您可能需要创建自己的开放式转换，以使其不跳跃，这并非不可能，但之后就不再真正引导

---

@aduss的答案对我也很有用，但我没有分配id，而是使用引导类来定位菜单

var mywindow = $('body'), navbarCollap = $('.navbar-collapse');
        navbarCollap.on('show.bs.collapse', function(x) {
            mywindow.css({visibility: 'hidden'});
            $('body').attr("scroll","no").attr("style", "overflow: hidden");
        });
        navbarCollap.on('hide.bs.collapse', function(x) {
            mywindow.css({visibility: 'visible'});
            $('body').attr("scroll","yes").attr("style", "");
        });

---

是下拉菜单还是侧边栏。分享你尝试过的代码？这是汉堡包导航栏菜单。我想这是一个下拉菜单？我还没有应用任何代码，因为我认为我必须重写默认的BS行为，我对此犹豫不决。只是想知道是否有一个现有的解决办法。好吧，那么你想要的是，菜单应该在打开时占据设备的全部宽度和高度。如果你能为你现有的菜单创建一个演示就好了。好的，我是基于understrap内置在wordpress主题中的，所以模拟一个演示需要一些时间。我目前正在寻找JIRA的门票，因此我将在几天后发布一个更新。我之所以要求提供一个模型，是因为有不同类型的菜单解决方案完全取决于您拥有菜单的方式。这是一个相当有创意的解决方案。是的，我会试一试。这对我来说很好，只是做了一些轻微的调整和修改。即此处报告的BTS v3.xx版本-

var mywindow = $('body'), navbarCollap = $('.navbar-collapse');
        navbarCollap.on('show.bs.collapse', function(x) {
            mywindow.css({visibility: 'hidden'});
            $('body').attr("scroll","no").attr("style", "overflow: hidden");
        });
        navbarCollap.on('hide.bs.collapse', function(x) {
            mywindow.css({visibility: 'visible'});
            $('body').attr("scroll","yes").attr("style", "");
        });