Question

我的单页网站中有一些锚链接，我只有一个问题。

该部分位于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;}来修复

锚跳得太远了

1 个答案: