当前位置:主页 > 查看内容

html中设置锚点定位的几种常见方法

发布时间:2021-05-13 00:00| 位朋友查看

简介:在html中设置锚点定位我知道的有几种方法,在此和大家分享一下: 1、使用id定位: 复制代码 代码如下: a href="#1F" name="1F"锚点1/a div name="1F" p 11111111111 /br 11111111111 /br11111111111 /br11111111111 /br11111111111 /br11111111111 /br1111111……
在html中设置锚点定位我知道的有几种方法,在此和大家分享一下:

1、使用id定位:

复制代码
代码如下:

<a href="#1F" name="1F">锚点1</a>
<div name="1F">
<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>
</p>
</div>

这样的定位可以针对任何标签来定位。

2、使用name定位:

复制代码
代码如下:

<a href="#5F">锚点5</a>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<a name="5F">1111111</href>

使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。

3、使用js定位

复制代码
代码如下:

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>

原文链接:https://m.jb51.net/web/170879.html
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!

推荐图文


随机推荐