Bootstrap 3：打开的Navbar的内容无法滚动移动

Question

我需要使用bootstrap 3的inabbar，但它似乎是一个小的车辆。在我的Lumia 820上，我检查了默认的导航栏，但我无法滚动导航栏内的菜单的内容。而不是菜单，我可以滚动菜单后面的正文。 在桌面上，我可以用溢出滚动菜单的内容：自动CSS，但在我的手机上，我无法滚动，也无法滚动，也不是自动的，也不是隐藏。任何想法？

图片在此处： http://i.stack.imgur.com/8lxxj.png

Answer 1

可能是描述打开问题＃12738“无法滚动到上次折叠的invbar项目移动时有许多项目“？

Answer 2

我想要在正确的解决方案中添加一些修复程序。特别是修复折叠动画：

.navbar-nav {
  height: 100vh; // <-- 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;
    }
}

.

Answer 3

您可以使用以下jQuery代码修复它：

$（“navbar-collass”）。CSS（{maxheight：$（窗口）.height（） - $（“navbar-header”）。height（）+“px”};

Answer 4

虽然这个问题已经很老，但我想给出我的解决方案或更好地解决问题，也许它可以帮助某人。

我对我的iPhone 4s上的Safari浏览器上的WebProgramozo有同样的问题，我的iPhone 4s上的响应网站：我无法向下滚动到菜单末尾的菜单点。相反，我看到菜单滚动后面的身体。为了避免这种情况，我有想法在开放时隐藏菜单后面的身体。这不是一个解决方案，而是一个很好的解决方法适用于我。

/**
 * Bootstrap menu scroll-problem fix:
 * Makes the content below the menu invisible while the menu is open.
 *
 */
$(document).ready(function() {
    $('.navbar-toggle').click(function () {

        var expanded = $('.navbar-toggle').attr('aria-expanded');

        if (expanded == 'false') {
            $('.main-container').hide();
        } else {
            $('.main-container').show();
        }
    });
});

.