同一页内的抵消链接
同一页内的抵消链接
提问于 2013-10-22 15:33:14
我在顶部有一个菜单栏，上面有如下链接：
<a href="#1">Football</a>
<a href="#2">Cricket</a>
<a href="#3">Rugby</a>
<a href="#4">Tennis</a>我有一个固定的菜单栏，高度是50便士。当单击链接时，标题隐藏在固定菜单栏后面。当点击相应的链接时，是否可以将标题显示在较低的50 so(这样它们就可以显示)。
html：
<h2 class="menuheading" id="1">Football</h2>
...
<h2 class="menuheading" id="2">Cricket</h2>
...
<h2 class="menuheading" id="3">Rugby</h2>
...
<h2 class="menuheading" id="4">Tennis</h2>回答 3
Stack Overflow用户
回答已采纳
发布于 2013-10-22 15:38:35
您可以始终应用padding-top/margin-top到您的标题，或(在现代浏览器中)，只有当它们是目标-如您所要求的。
h2:target {
padding-top: 50px;
}关于:target伪类在MDN上的进一步信息
Stack Overflow用户
发布于 2013-10-22 15:38:08
将其添加到menuheading的CSS样式中
.menuheading {
margin-top:50px;
}Stack Overflow用户
发布于 2013-10-22 15:38:56
一个可能的复制品..。我怎么才能在滚动的时候把一个半月板固定在上面？
默认情况下，body标记被加载在页面顶部，所以您所需要做的就是将
body {margin-top:50px;} /* Same height as the menu bar */它将深入到附加问题链接的更多细节。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19522223
复制相关文章
相似问题
腾讯云开发者
