单击菜单链接（单页面）后，标题涵盖内容部分

Question

我的“One Page”网站上有一个固定的标题。当您单击菜单项时 <a href="#itemone">Item One</a> 它转到了该部分。

标题的高度为50像素，它涵盖了部分内容。

有没有人有解决方案？

http://jsfiddle.net/SUP4d/

Answer 1

尝试为55px添加margin-top到padding-top（或body），并将top: 0;设置为固定标题。

body, html {
  margin-top: 55px;
}