无法使用<href>导航到正确的元素，因为页面标题窗格已修复(冻结）

Unable to navigate to the right element using <a href> because of fixed(frozen) page header pane

本文关键字：标题 因为 冻结 href 导航 元素      更新时间：2023-09-26

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

"http ：//jsfiddle.net/harshavardhanks/pz1a3z2u/">

在这里，单击左侧索引div 上的"两个"链接，我的页面是滚动的，以便右侧内容div 中的"两个"部分的标题滚动到标题"这是一个标题部分"div 后面的顶部。我需要它在这个div下方的顶部位置

高级感谢对此的任何帮助。

您可以使用伪选择器 ：在像固定标题一样高的边距之前添加。

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

请检查此小提琴：

http://jsfiddle.net/ff8rqr53/

相关文章：