ポジション：ヘッダーにスティッキーが効かない

Question

私のポジション：スティッキーは動かない。私はそれがなぜ、私はすでにすべてを試みたのか分からない。下に私のHTMLとCSSのコードが掲載されています。

// Second 
 
.app-secondheader { 
 
    height: 85px; 
 
    overflow: visible; 
 
    top: 0px; 
 
    background-color: #3B3B3B; 
 
    border-bottom: 4px solid #ED1C24; 
 
    font-family: Arial, Helvetica, sans-serif; 
 
    font-size: 14px; 
 
    color: #ffffff; 
 
    padding-left: 30px; 
 
    padding-right: 30px; 
 
    top: 0; 
 
    position: -webkit-sticky; 
 
    position: sticky; 
 
}

<!-- Login --> 
 
<nav> 
 
    <!-- Second --> 
 
    <div class="app-secondheader"> 
 
     <div class="row"> 
 
     <!-- Logo --> 
 
     <div class="pares-logo"> 
 
      <a class="pares-logo-link" href="http://test.pares.de"> 
 
      <img class="logo" src="./assets/img/logo.png" target="_blank" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Logo" alt="MyLogo"> 
 
      </a> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </nav>

Answer 1

あなたの問題は、CSSファイルで// Secondを入れました。 0PXイストない問題：CSSはあなたが/* This text will work in CSS file */

.app-secondheader { 
 
    height: 85px; 
 
    overflow: visible; 
 
    background-color: #3B3B3B; 
 
    border-bottom: 4px solid #ED1C24; 
 
    font-family: Arial, Helvetica, sans-serif; 
 
    font-size: 14px; 
 
    color: #ffffff; 
 
    padding-left: 30px; 
 
    padding-right: 30px; 
 
    top: 0; 
 
    position: -webkit-sticky; 
 
    position: sticky; 
 
}

<!-- Login --> 
 
<nav> 
 
    <!-- Second --> 
 
    <div class="app-secondheader"> 
 
     <div class="row"> 
 
     <!-- Logo --> 
 
     <div class="pares-logo"> 
 
      <a class="pares-logo-link" href="http://test.pares.de"> 
 
      <img class="logo" src="./assets/img/logo.png" target="_blank" data-placement="top" data-title="" data-toggle="tooltip" title="" data-original-title="Logo" alt="MyLogo"> 
 
      </a> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </nav>