head-img Force's Blog

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

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> 

本文转载自:https://www.cnblogs.com/EasonJim/p/5347296.html

点我评论
打赏本文
二维码


仅有一条评论


  1. 菊部制造
    菊部制造 03月23日

    感谢分享!

    回复

125

文章

14

标签

 访客统计  Update-******