jquery - 粘性标题重叠内容

Question

我找到了这个问题的答案，但这对我的情况没有帮助。这是我的 site ，当我跳转到内容时，标题被粘性标题重叠。

这是我修复它的想法:

1. 我将从链接中获取#team(例如:https://kieferorthopädie-dietze.de/praxis/#team/)

2. 然后将#team 与容器进行比较，如果容器与链接具有相同的id，我将在body 中添加padding-top。

3. 如果用户向上滚动，body 将移除 padding-top。

希望任何人都可以告诉我如何编写代码来解决这个问题。提前致谢!

Answer 1

您可以在纯 CSS 中执行此操作 - 我自己在 www.cntrl.no/license 上执行此操作(单击索引中的一个链接)

h4::before {
    content: " ";
    display: block;
    height: 7em;
    margin-top: -7em;
    visibility: hidden;
}

当然，这是我使用的 h4 - 你当然可以用它代替你用来跳转到的任何容器或元素。高度是我的标题栏高度 - 您可能需要稍微调整一下。