开发者社区> 问答> 正文

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

如大家在 segmentfault 当前版本所见到的,点击锚点链接后,展示的内容会因为 header 区的浮动而被遮盖。
示例链接 http://segmentfault.com/q/10100000001...
screenshot

展开
收起
杨冬芳 2016-06-14 13:02:40 3406 0
1 条回答
写回答
取消 提交回答
  • IT从业

    看看这个?把a的top做点offset试试?
    http://stackoverflow.com/questions/49...
    代码实现
    参照 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:37:14
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载