navbarのデフォルトのコンテンツとの重複

Question

hello私のプロジェクトでは、navbar navbar-defaultクラスがあります。このメニューは、自分のウェブサイトをスクロールしたいときにコンテンツをオーバーラップさせます。

これは私が

私が先頭にこのメニューを固定したが、まだ私の内容と重複するスクリプトを発見し、これはスクリプトも私は私のCSSコードやHTMLコードを持って

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 = ""; 
     } 
    } 

ですナビゲーションバーメニューの、これはこれは私のメニュー

ある

.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) ; 
} 

コードをIT

<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

メニューを上部に保持するには、stickyjsを使用することをおすすめします。それはおそらく他の問題を排除するはずです。

のz-indexプロパティは、あなたの要素が他の要素の上に滞在になります

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

：スクリーンショットはまた問題が

Answer 2

あなたのCSSファイルにコードの下に追加してみている内容を正確に把握するために役立つだろう。