美文网首页海纳百川
href之锚点跳转

href之锚点跳转

作者: 凛冬已至_123 | 来源:发表于2018-07-07 10:52 被阅读0次

求稳

href之锚点跳转

<!DOCTYPE  html>
<html>
<head>
    <style>
        div {
            height: 800px;
            width: 400px;
            border: 2px solid black;
        }
        h2 {
            position: fixed;
            margin:50px  500px;
        }
    </style>
</head>
<body>
    <h2>
        <a href="#div1">to div1</a>
        <a href="#div2">to div2</a>
        <a href="#div3">to div3</a>
    </h2>
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <div id="div3">div3</div>
</body>
</html>

锚点用<a>标签,在href属性中写入DIV的id。

  • <a>标签包裹,href指向要跳转的位置
  • 跳转位置标签需设置相应的id值,才能进行跳转
    效果展示

相关文章

  • href之锚点跳转

    求稳 href之锚点跳转 锚点用 标签,在href属性中写入DIV的id。 标签包裹,href指向要跳转的位置 跳...

  • HTML锚点定位的一些感受

    基本语法 创建锚点 创建跳转连接 其中href 填写锚点的id 存在问题 一般我们的锚点跳转会直接将锚点置于视窗的...

  • HTML常用标签

    a 标签的用法 属性 href 跳转外部页面 跳转内部锚点 跳转到邮箱或者打电话 target 指定页面在哪里打开...

  • HTML常用标签

    一、a 标签的用法 作用: △跳转到外部页面△跳转到内部锚点△跳转到电话或邮箱 属性: △href引用链接到某个网...

  • HTML常用标签

    一、a标签的用法 作用 跳转外部 跳转内部锚点 跳转到邮箱或电话等(可以用到简历上) 属性 href : 全称是h...

  • html 基础注意事项

    1.同一个页面中跳转到指定位置: ,a标签的name定义锚的名字,href等于锚的名字,页面跳转到锚的位置 2...

  • 用JS获取页面URL中的锚点值

    假设使用location.href='test.html#name=007使URL跳转至007处: 用JS取锚点值...

  • HTML核心-a元素

    超链接 hyper reference :通常表示链接跳转 href属性 1.普通连接2.锚点链接 id属性:全局...

  • HTML中的锚点

    一、页面内跳转的锚点设置1.设置一个锚点链接 去游泳吧 ;(注意:href属性的属性值最前面要加#) 2.在页面中...

  • 吸顶和vue实现锚点跳转

    另vue实现锚点跳转之scrollIntoView()方法滚动到某个特定元素 :scrollIntoView();...

网友评论

    本文标题:href之锚点跳转

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