navbar Standard Überlappung mit Inhalt

Question

Hallo in meinem Projekt habe ich eine Navbar-Navbar-Standard-Klasse, dieses Menü überlappt mit meinem Inhalt, wenn ich meine Website scrollen will.

das ist mein

i ein Skript gefunden, das dieses Menü nach oben festgelegt, aber immer noch mit meinem Inhalt überlappt, das das Skript

window.onscroll = changePos; 

    function changePos() { 
     var header = document.getElementById("uno"); 
     if (window.pageYOffset > 70) { 
      header.style.position = "fixed"; 
      header.style.top = "0"; 
     } else { 
      header.style.position = ""; 
      header.style.top = ""; 
     } 
    } 

auch ich meinen CSS-Code und HTML-Code habe des navbar Menü, es dies den Code

.nav.navbar-nav li a{ 
    color:black; 
} 

.navbar-default{ 
    margin: auto; 
    background: rgb(178,205,73); 
    } 


.nav.navbar-nav { 
    display: inline-block; 
    left: 0; 
    right: 0; 
    text-align:center; 
    width:100%; 

} 

.nav.navbar-nav li,.nav.navbar-nav li a 
{ 
    display:inline; 
    float:none; 
    line-height:40px; 
} 

.right.carousel-control, .left.carousel-control{ 

background:linear-gradient(rgba(146,211,236,1.00) 15%, rgb(0,171,235) 150% ); 

} 


.item.active ,.carousel-inner{ 
    background-color: rgba(146,211,236,1.00) ; 
} 

dies mein Menü

ist

<div class="row"> 
        <div class="col-md-12" id="uno"> 
        <nav class="navbar navbar-default"> 
           <div class="navbar-header"> 
              <button type="button" 
               class="navbar-toggle collapsed" 
               data-toggle="collapse" data- 
             target="#navbar" aria-expanded="false" 
              aria-controls="navbar"> 
               <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 id="navbar" class="navbar- 
               collapse collapse"> 
               <ul class="nav navbar-nav"> 
               <li><a href="#">Conozcanos</a> 
               </li> 
               <li><a href="#">Derechos y 
                Deberes Del Usuario</a> 
               </li> 
                <li><a 
                href="#">Responsabilidad 
                Social</a> 
                </li> 
                <li><a href="#">Correo 
                Corporativo</a> 
                </li> 
                </ul> 
               </div> 
              </nav> 
             </div> 
            </div> 

Answer 1

Um Ihr Menü an der Spitze zu halten, empfehle ich Ihnen stickyjs zu verwenden. Das sollte wahrscheinlich jedes andere Problem beseitigen, das Sie haben. Ein Screenshot helfen würde auch zu wissen, was genau ausgeben Sie ist

Answer 2

Versuchen unter Code in Ihre CSS-Datei hinzufügen:

.navbar{ 
    z-index: 9999; /* You can add any positive number here */ 
} 

z-index Eigenschaft wird Ihr Element bleiben auf andere Elemente machen.