css - Bootstrap 3 : opened navbar's content can't scroll on mobile

Question

我需要使用 Bootstrap 3 的导航栏，但它似乎有点问题。在我的 Lumia 820 上，我检查了默认导航栏，但无法在导航栏内滚动菜单内容。我可以滚动菜单后面的主体而不是菜单。在桌面上，我可以使用 overflow:auto CSS 很好地滚动菜单的内容，但在我的手机上，我不能滚动，也不能自动滚动，也不能隐藏。有什么想法吗？

图片在这里:http://i.stack.imgur.com/8lxXj.png

Answer 1

我想对正确的解决方案添加一些修复。特别是修复折叠动画:

.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;
    }
}