クリックするとセクションにスクロールする（詰め物が必要）

Question

クリックすると特定のセクションにスクロールするが、固定されたナビゲーションバーを使用すると、セクションのタイトルがクリックで失われるサイトに取り組んでいる。セクションを特定の場所に表示させるにはどうすればよいですか？ 例www.pangeaplustst.com

Answer 1

シンプルなソリューションここでは、タイトルがサイトのフォーカスを外れるのを避けるためです。

パディングを削除：75px 0; .pageセクションの下にあります。

セクションIDを削除して、それを新しいブランクDIVに入れてください。

そのIDで各セクション内に新しい空白DIVを作成し、それがposition:absolute, z-index:2, top:-150px, height:150px

チェック以下のコードは

<section class="page-section"> 

<div id="projects" style=" 
    height: 150px; 
    z-index: 2; 
    position: absolute; 
    top: -150px; 
"></div> 

// Add the above div to every Section 

    <div class="container"> 
     <div class="section-title text-center"> 
      <!-- Title --> 
      <h2 class="title">Projects</h2> 
     </div> .......