AI 助理
备案控制台
开发者社区 问答 正文

点击带锚点的网址后，如何让网页位置向下偏移一小段距离

如大家在 segmentfault 当前版本所见到的，点击锚点链接后，展示的内容会因为 header 区的浮动而被遮盖。
示例链接 http://segmentfault.com/q/10100000001...screenshot
可用的方法之一就是拉伸锚点的边距，但这会影响整个列表的距离，不知道大家有什么好的方法不？

展开
收起
a123456678 2016-03-24 16:22:49 2404 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • a123456678

    代码实现
    参照 stackoverflow 的做法，在主体内容前加一个暗锚

    <a class="target-fix" name="a-<?php $a->id(); ?>"></a>
<artivle>主体内容...</article>
将锚点进行偏移，并隐藏占位：

.target-fix {
    position: relative;
    top: -44px; // 偏移值
    display: block;
    height: 0;
    overflow: hidden;
}
    2019-07-17 19:13:01
    赞同 展开评论
问答地址：
开发者社区 > 云计算 > 问答
相关问答
this xml file does not appear to have any style in
48086
10
0
请问下 我访问接口不通 什么原因 Provisional headers are shown
1768
0
0
通过www和不带www的网址输入最终都指向www.我的域名.com，求指教
124495
28
0
购买阿里国外的云服务器是否可以访问谷歌？
80546
47
0
OSS的endpoint如何查看
36261
6
0
sql server的用户名和密码怎么查啊？
35562
21
0
配置了安全组规则，端口还是无法访问
32286
25
0
设置域名解析如何指向我的服务器url包括端口号
17601
2
0
域名在腾讯云备案成功，解析到阿里云服务器，提示仍需备案？
59521
30
0
Connection reset by peer的常见原因及解决办法
3791
1
0