html中设置锚点定位的几种常见方法(#号定位)

Posted Jim

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中设置锚点定位的几种常见方法(#号定位)相关的知识,希望对你有一定的参考价值。

html中设置锚点定位我知道的有几种方法,在此和大家分享一下:

1、使用id定位:

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

 

以上是关于html中设置锚点定位的几种常见方法(#号定位)的主要内容,如果未能解决你的问题,请参考以下文章

在 UICollectionViewLayoutAttributes 中设置锚点

在 UIStackView 中设置锚点和位置

利用jquery 实现单页定位动画运动

webdriver实例14-Xpath定位的几种方法

js 定位到某个锚点的方法

如何在视口中的 HTML 表格中定位锚点