如何使navbar-fixed-top移动到第二个菜单

时间:2016-02-26 13:37:40

标签: javascript jquery css html5 twitter-bootstrap

大家好我有我的jsfiddle here

.top-category-div {
    background: black;
    color: white;
    margin-top: 0px;
    margin-left: -66%;
    padding-bottom: 54px;

}

.main-menu-div {
  margin-top:70px;
}

@media (min-width: 1280px) {
    .container{  
        width: 1280px;
        padding-left: 0;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
    <nav class="navbar navbar-inverse navbar-fixed-top" >
            <div class="container">
                <div class="navbar-header pull-left">
                    <button type="button" class="navbar-toggle collapsed " data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                
                <div class="collapse navbar-collapse responsive-menu-button" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav top-header-left-list">
                        <li><a href="#">Website Review <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">Our Blog</a></li>
                        <li><a href="#">About us</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right top-header-right-list ">
                        <li><a href="#"><span class='heart-fav-text'>Your favorites</span>
                                        <span class="glyphicon glyphicon-heart fav-heart"></span> 
                                        <span class='your-favorite-score'>34</span>
                            </a>
                        </li>
                        <li class="active"><a href="#" class="btn">login <span class='or_text'> or </span> subscribe</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    <div class="container main-menu-div ">
        <ul class="pull-right list-inline left-breadcrumbs">
            <li> <a href="#">Contact Us  </a></li>
            <li> <a href="#">How we work  </a></li>
            <li> <a href="#">about our site review </a></li>
        </ul>
        <div class="col-sm-2 section-logo hidden-xs">
            <div class="img-resposnsive">
                <img src="http://placehold.it/193x55" alt="logo" class="img-responsive">    
            </div>
        </div>
        <div class="col-sm-5">
          <ul class="nav nav-pills ">
            <li><a href="">my menu part1</a></li>
            
              <li><a href="">my menu2</a></li>
              <li><a href="">my menu3</a></li>
            </ul>
          </div>
        <div class="col-sm-5 search-box-div">
            <div class="input-group stylish-input-group">
                <input type="text" class="form-control form-group"  placeholder="Search" >
                <span class="input-group-addon">
                    <button type="submit">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>  
                </span>
            </div>
        </div>
    </div>
    <div>
      dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy
           dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy     dummy    dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy   dummy
    </div>

我希望导航栏下方的子菜单应该像navbar-fixed-top一样。我在这里有一个站点链接,我想要demo_site

之类的东西

当用户向下滚动时,我希望我的第二个菜单沿顶部移动,我只想要我的菜单part1我的menu2我的menu3这些3和徽标将沿顶部移动。可以隐藏第一个导航栏中的所有内容。任何帮助将不胜感激

0 个答案:

没有答案