Ich möchte Navbar-Header behoben werden und andere Scrollen?

Question

Ich versuche, den Header in einer festen Position zu halten, habe ich alle möglichen Lösungen versucht, aber nicht in der Lage, es zu erreichen.

Hier ist mein Link zu 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> 

Jede Art oh sehr geschätzt wird helfen!

Answer 1

Sie müssen nur "navbar-fixed-top" Klasse zum Hauptnav hinzufügen.

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

Zusätzlich Markup ist falsch, und Sie haben zwei Abschluss div-Tags verpasst, so dass alle Ihre Inhalte in die nav geht eigentlich ...

Hier ist eine aktualisierte codepen: Click