我的网站上有一个固定的 header ,高度为 100 像素。当页面滚动时,网站的内容会滚动到标题下方。
问题是,如果我现在单击页面顶部的 anchor 链接,它将跳转到目标部分,然后该部分将隐藏在我的固定标题下方。
有没有办法让 anchor 链接正常工作,但偏移固定标题的垂直高度,以便一切正常显示?
谢谢
最佳答案
给每个 anchor 一个类:
<a name="location" class="bookmark">
然后在你的 CSS 中:
a.bookmark {
display: block;
position: relative;
top: -100px;
margin-left: -5000em;
}
在没有看到您的页面的情况下,很难确定上述代码是否可以完美运行,但原则上像这样的代码应该可以运行。
但是,如果您的链接直接链接到 eg 标签而不是命名 anchor ,则不能使用此选项。
关于javascript - 单击 anchor 链接时,我将如何向坐标添加像素值,以便在我的固定标题下方可以看到目标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2972902/