固定顶的Nav太低了
固定顶的Nav太低了
提问于 2018-01-07 21:43:40
在我的站点http://richardclifford.net/上，每当用户单击单页#id元素时，它就会转到第一部分内容，而忽略了所有容器填充和h2边距顶部，如下所示
我希望它滚动包括填充或有这样的偏移。
我在滚动间谍上添加了一个偏移量，但这并不是修复它，也不确定如何修复它。
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-01-07 23:51:39
您可以使用边距顶和填充顶的这一点，而不影响到网站的正面。尝试将-50 to添加到边距顶部，将50 to添加到填充顶。这会解决你的问题。
Stack Overflow用户
发布于 2018-01-08 19:48:15
将margin-top: -50px;padding-top: 50px;添加到它工作的目标id
#work,#about,#contact,#copyright{
margin-top: -50px;
padding-top: 50px;
}Stack Overflow用户
发布于 2018-01-07 23:39:10
一种常见的方法是通过CSS向链接的原始目标元素添加不可见的伪元素，如下所示：
#work::before {
display: block;
content: " ";
margin-top: -60px;
height: 60px;
visibility: hidden;
pointer-events: none;
}这将“扩展”带有该ID的元素，使锚点位于主元素之上的60 be (可以是任何值)，而不会导致任何其他可见的更改。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48141810
复制相关文章
相似问题
腾讯云开发者
