html锚点定位

使用id定位

a标签的href属性设置成要定位的元素的id

 a链接,使用href=“#要定位的id”来定位
       
1
2
3
4
5
6
a标签
html锚点定位_第1张图片

点击后div6就会出现在视野中。

使用name定位

此方法只适用于a标签之间,a链接使用href=“#要定位的name”来定位

 a链接使用href=“#要定位的name”来定位,此方法只能定位a标签
       
1
2
3
4
5
6
a标签
html锚点定位_第2张图片

点击后内容是'a标签'的就会出现在视野中。

js

使用元素的方法scrollIntoView()

使用js来定位
      
       
1
2
3
4
5
6
a标签
html锚点定位_第3张图片

点击后div6就会出现在视野中。

注意:可以从一个页面链接到另一个页面的锚记位置另一个页面传送门maodian2.html是另一个页面,l#other_page是另一个页面的元素id

你可能感兴趣的:(html锚点定位)