Javascript 引导:固定导航静态顶部在顶部,但可滚动导航折叠

Javascript 引导:固定导航静态顶部在顶部,但可滚动导航折叠,javascript,css,twitter-bootstrap,Javascript,Css,Twitter Bootstrap,我正在使用引导来设计我的网站 基于此, 我将nav static top设置为固定在顶部。现在nav collapse有很多内容,我无法浏览到最后一个菜单,因为nav static top固定在顶部。有没有一种方法可以让 nav static top固定在顶部,并且nav collapse内容可滚动,因此我可以滚动以选择内容 我有过很多类似的经历,但我看起来不太好 我认为android设备不支持溢出:滚动这并不能完全解决您的问题,但如果您这样做,它看起来肯定会更好: <div class=

我正在使用引导来设计我的网站

基于此,

我将
nav static top
设置为固定在顶部。现在
nav collapse
有很多内容,我无法浏览到最后一个菜单,因为
nav static top
固定在顶部。有没有一种方法可以让
nav static top
固定在顶部,并且
nav collapse
内容可滚动,因此我可以滚动以选择内容

我有过很多类似的经历,但我看起来不太好
我认为android设备不支持溢出:滚动这并不能完全解决您的问题,但如果您这样做,它看起来肯定会更好:

<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或其他东西。

找到了更好的方法。仅在iPhone4上测试

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

}