Javascript 无法使用<；导航到正确的元素；a href>；由于固定（冻结）页眉窗格

我有一个固定的页眉绝对顶值页面。因此，当我向上滚动页面主体中的内容时，会滚动到页眉的背景中。因此，当我单击时，页面会滚动到该元素，默认情况下会将该元素放置在浏览器窗口的顶部，在我的情况下，该窗口隐藏在页眉后面。因此，我需要一个href单击将页面滚动到（#元素窗口垂直位置）+（页面标题的高度），这样元素就不会隐藏在标题内，而是位于页面标题的正下方。 这里是小提琴链接。请仔细看一下，帮我解决这个问题

“http://jsfiddle.net/harshavardhanks/pz1a3z2u/”

在这里，单击左侧索引div上的'two'链接，我的页面将滚动，以便右侧内容div中'two'部分的标题滚动到标题“This is a header part”div后面的顶部。我需要它位于该div下面的顶部位置

---

高级感谢您对此提供的帮助。

您可以使用pseudoselector:在像固定页眉一样高的页边空白之前添加

section > h1:before{
   content: "";
   display: block;
   height: 1px;
   float:right;
   margin-top: 80px;
   position: relative;
   width: 100%;
}
section > h1{
   margin-top:-80px;
   position:relative;
}

请检查这把小提琴：

---

我在问题中发布的JSFIDLE链接包含示例代码。指向JSFIDLE.net的链接必须附带代码，以便我们更容易识别解决方案。您可以在链接的onclick属性中使用javascript来避开目标，并设置文档的适当滚动顶部