我希望导航栏标题被修复而其他标题要滚动?

时间:2017-06-02 11:32:52

标签: jquery html

我尝试将标题保持在固定位置,我尝试了所有可能的解决方案,但无法实现。

以下是我对codepen的链接:https://codepen.io/saisree/pen/WjVjMW

<div id="Nav" class="navbar navbar-inverse  navbar-static" role="navigation">
  <div class="container">

    <div class="navbar-header">
      <a class="navbar-brand" href="https://codepen.io/saisree/full/WjVjMW/">Anand Reddy</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right" ">
        <li class="active"><a class="0" href="#home">Home</a></li>
        <li><a class="1" href="#about">About</a></li>
        <li><a  class="2" href="#family" >Meet the family</a></li>
        <li><a href="#blog" class="3 ">Blog</a></li>



                                              <li ><a href="#testimonial" class="4">Testimonials</a></li>
                                                              <li ><a href="#spec" class="5">Specialization</a></li>
                                                   <li ><a class="6" href="#contact">contact</a></li>
                                                      </ul> 
          </div>

任何形式的帮助都非常感谢!

1 个答案:

答案 0 :(得分:1)

您只需要将“navbar-fixed-top”类添加到主导航。

ng-repeat

另外你的标记不正确,你错过了两个结束div标签,所以你的所有内容实际上都进入了导航......

这是一个更新的代码集:Click