锚点定位

步骤：

分两步做

锚点

代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>锚点定位</title>
    </head>
    <body>
        <a href="#age">年龄</a>
        <a href="#hobby">爱好</a>
        <a href="#tall">身高</a>
        <p id="age">
            年龄：21
            年龄：21
            年龄：21
            年龄：21
            年龄：21
        </p>
        <p id="hobby">爱好：跑步
            爱好：跑步
            爱好：跑步
            爱好：跑步
            爱好：跑步
            爱好：跑步
        </p>
        <p id="tall">
            身高：1.55cm
            身高：1.55cm
            身高：1.55cm
            身高：1.55cm
            身高：1.55cm
            身高：1.55cm
        </p>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue中，实现锚点定位及跳转（url不发生变化）
    需求 点击快速评论，跳转到评论区，url不发生变化 代码 document.querySelector("要返回地...
    jia林阅读 6,934评论 1赞 6
  • RecycleView滑动锚点定位
    RecycleView滑动，顶部tab跟着变化位置，类似于淘宝详情页，效果是这样的 1.实现思路 简单讲就是监听R...
    nodzhang阅读 2,862评论 7赞 11
  • 我如何来拯救你，我的弟弟
    亲爱的伙伴们，我是你们的好朋友蝴蝶仙子。很高兴我们大家有缘相聚在这里，一起进步，一起学习。今天早上我要为大家分享的...
    Nancy_蝴蝶阅读 389评论 1赞 2
  • 到底什么叫左派右派
    看新闻时，整天能听到诸如日本右翼份子又要篡改历史了、美国左派人士又看床破不顺眼了…… 这类新闻中“左右”这种方位词...
    d0fdb328d08b阅读 2,552评论 7赞 15
  • 跨年晚安
    1月1日 凌晨一点五十六睡下，早上七点半准时自然，这证明我睡眠充足只需要六个小时。以后只要睡够六小时就可以。 按照...
    窗外依然阅读 400评论 0赞 0