Bootstrap：固定导航栏上的静态顶部，但滚动导航崩溃

Question

我使用引导来设计我的网站。在这个fiddle

基地我做了nav-static-top固定在上面。现在nav-collapse有很多内容，我不能浏览到最后一个菜单，因为nav-static-top固定在最上面。有没有办法将 nav-static-top固定在顶部，并且nav-collapse内容是可滚动的，因此我可以滚动以选择内容？

我不是像this但我并不好看 ，我认为Android设备不支持overflow:scroll

Answer 1

这并不能完全解决您的问题，但它肯定看起来更好，如果你这样做这样的：

<div class="nav-collapse collapse navbar-responsive-collapse" style="overflow-y: scroll;max-height:400px"> 
<ul class="nav"> 

，而不是

<div class="nav-collapse collapse navbar-responsive-collapse"> 
<ul class="nav" style="overflow: scroll;max-height:400px"> 

我不知道这样做在Android上，但如果它真的不这样工作，你可能会写一些JS或其他东西。

Answer 2

找到了一个更好的方法。仅在iphone 4上测试。

@media (max-width: 767px) { 
.body-container { 
    padding-top: 50px; 
    margin-left:10px; 
    margin-right:10px; 
} 

.navbar-static-top{ 
    position:fixed; 
    width:100%; 
    z-index:1000; 
} 
.navbar-responsive-collapse{ 
    max-height: 350px; 
     overflow-y: auto; 
     -webkit-overflow-scrolling: touch; 
    } 

}