锚点设置的方法

两种情景:本页面锚点和跨页面锚点

一.本页面锚点 三种方法:

1,使用id定位,这样的定位可以针对任何标签来定位,比如以下代码:

<a href="#1F">锚点1</a> 

<div id="1F"> 定位的位置 </div> 

2,使用name定位,使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用,比如以下代码。

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

<a name="5F">1111111定位的位置</a>

 

3,使用js定位,比如以下代码

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

二、跨页面跳转 

设置锚点链接,在href中的路径后面追加:#+锚点名,即可,然后在跳转到的页面参考上面的三种方法就行

<a href="萌宠集结号.html#miao">跳转到萌宠集结号页面</a>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值