アンカージャンプがあまりにも多い

Question

私のワンページウェブサイトにはアンカーリンクがいくつかありますが、そのうちの1つだけに問題があります。

セクションはdiv内にあり、タイトルとボタンがあります。

アンカーリンクをクリックすると、（タイトルの前に）セクションの先頭ではなく、特にボタンの下（タイトルの下）にジャンプします。

アンカーリンク：（問題は、第4リンク"#solution"である）

<div class="navbar-collapse collapse"> 
 
    <ul class="nav navbar-nav navbar-right scroll"> 
 
     <li class="active"><a href="#home">Home</a></li> 
 
     <li ><a href="#about">About</a></li> 
 
     <li ><a href="#works">Media</a></li> 
 
     <li ><a href="#solutions">Solutions</a></li> 
 
     <li ><a href="#partners">Partners</a></li> 
 
     <li ><a href="#contact">Contact</a></li> 
 
    </ul> 
 
</div>

セクションコード：

<div id="solutions"> 
 
    <h2 class="text-center wowload fadeInUp">solutions bla bla bla</h2> 
 
    <button onclick="window.location.href='pages/solutions.html'" class="blue_button">Button</button> 
 
</div>

Answer 1

はCSSで{padding-top：6em;}を追加して修正しました