Якорь прыгает слишком далеко

У меня есть некоторые якорные ссылки на моем одностраничном веб-сайте, и у меня есть проблема только с одной из них.

Раздел находится внутри div, где у меня есть название и кнопка.

При нажатии на якорную ссылку она переходит слишком далеко, в частности, на кнопку (под заголовком), а не на главу раздела (перед заголовком).

Anchor link: (проблема с 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>

1 ответ