html怎么给锚点加滑动效果?

html怎么给锚点加滑动效果?,第1张

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

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

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

/*

*锚点点击跳转

*/

var AnchorClick = function (obj) {

    var href = $(obj).attr("href")

    var pos = $(href).offset().top

    $("html,body").animate({ scrollTop: pos }, 400)

}

document.getElementById("subnavtb").getElementsByTagName("a")[0]

//获取ID=“subnavtb”下的A标签

比如我现在要滑动到此p标签区域,可先给p标签加上一个id,

导航处的a标签利用它的href属性,如<a href="#scroll"></a>

<p id="scroll"></p>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11424059.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存