html - 修复定位的菜单栏覆盖与其链接的元素

我正在一个静态的单页网站上工作，该网站的顶部有一个固定位置的菜单栏。当我点击菜单栏上的链接时，它会转到链接的元素并覆盖它。

这是我的HTML和CSS的片段：
Here is the fiddle fo shizzle my nizzles

nav {
    text-align:center;
    display:inline-block;
    width:70%;
    position:fixed;
       ...
}

如何使它像普通菜单栏一样工作，而不覆盖链接的元素？

最佳答案

我曾经遇到过类似的问题，在这里我使用了一些jQuery。

$('#linkId').click(function(){
    $('html, body').animate({ scrollTop: $('#toMove').offset().top });

});

但是现在在您的情况下，因为标头是固定的，所以我做了一些事情，并在FIDDLE中更新了该标头

关于html - 修复定位的菜单栏覆盖与其链接的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21306732/