html中设置锚点定位常用的三种方法

最新推荐文章于 2024-07-26 14:14:21 发布

空袭的梦

最新推荐文章于 2024-07-26 14:14:21 发布

阅读量1.6k

点赞数 2

分类专栏： js 文章标签： javascript html

本文链接：https://blog.csdn.net/qq_36031730/article/details/108468125

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

第一种 id定位

<a href="#place">锚点</a> 
<div id="place"> 
    <p> 
    11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </p> 
</div>

第二种 name定位

<a href="#place">锚点</a> 
<div name="place"> 
    <p> 
    11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </p> 
</div>

第三种 js定位

<div id="place"> 
    <p> 
    11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </br>11111111111 
    </p> 
</div>

<a class="" onclick="javascript:document.getElementById('place').scrollIntoView()">锚点</a>