锚点的使用

我们可以理解锚点为一种超链接,只不过它是网页内部的超链接。我们可以利用它跳转到网页内指定的位置

使用技巧:

<div  id="sa"  name="sa">我是锚点,哈哈</div>

<a href="#sa">跳转到sa锚点</a>

一般来说锚点的name属性不是必须的,但是为了兼容性好(ie8),最好加上


技巧二 :a页面跳转到b页面的指定锚点


<a    href="b.html#sa"></a>


<div  id="sa" name="sa"></div>    b页面锚点


技巧三 可以使用jquery动画 控制锚点滑动效果

使用jquery的动画做滑动效果;

obj为需要做跳转到锚点的a标签对象

400 为滑动的速度(可以改成你需要的速度,单位是毫秒)

/*
*锚点点击跳转
*/
var AnchorClick = function (obj) {
    var href = $(obj).attr("href");
    var pos = $(href).offset().top;
    $("html,body").animate({ scrollTop: pos }, 400);
};


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值