美文网首页
锚点定位

锚点定位

作者: 9979eb0cd854 | 来源:发表于2018-08-27 22:12 被阅读32次

步骤:

分两步做

锚点

代码

<!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>

相关文章

  • 2019-07-02 overflow 与锚点定位

    overflow 与锚点定位 锚点,通俗点的解释就是可以让页面定位到某个位置的点。 基于URL 地址的锚链实现锚点...

  • HTML基础学习

    1.1 锚点定位 (难点) 通过创建锚点链接,用户能够快速定位到目标内容。 创建锚点链接分为两步: 1.2 bas...

  • hash锚点定位偏移问题之用js方法解决

    当我们使用a标签做锚点定位的时候,如果有做固定顶部导航栏的话,直接定位到锚点的时候,会发现定位的位置相较于锚点往下...

  • HTML-锚点定位

    在HTML中使用锚点连接,用户可以快速定位到目标内容。创建锚点定位分成两步:1、定义锚点连接: 2、设置连接id

  • CSS定位锚点

    第一节 元素的定位设置 position属性 position属性:定义建立元素布局所用的定位机制说明: stat...

  • 8、定位锚点

    .fu2{width: 200px;height: 200px;background: #f9c;margin: ...

  • iview 锚点爬坑 && vue 锚点

    在vue中实现锚点定位效果 iview的锚点 原生锚点实现 iview爬坑点 且需要把滚动容器的id或者class...

  • 【a标签的锚点技术】

    锚点技术 锚点:指的是一个网页上的某个“定位位置”。 锚点的实现:需要使用至少2次a标签来配合完成。 其基本形式如...

  • Android ConstraintLayout适配(二)

    一、Guideline 引导线或锚点线当需要一个任意位置的锚点时,可以使用锚点线(Guideline)来帮助定位,...

  • 移动端 vue 中实现锚点定位

    期望效果:点击每个锚点,能够定位到锚点所在的位置。(代码规范采用的是eslint) 简单粗暴代码如下所示: ...

网友评论

      本文标题:锚点定位

      本文链接:https://www.haomeiwen.com/subject/bdhxwftx.html