JQuery下锚点的平滑跳转
对于锚点的平滑跳转,在一般的商业性质的网站上,权衡来说,要谨慎使用。
例如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话,关键位置 如下:
$(“html,body”).animate({scrollTop:$(“#box”).offset().top},1000)
其中animate为JQuery的自定义动画方法,$(“#box”).offset().top表示id为box的JQuery对象距离页面顶部的偏移值,1000表示平滑动画执行的时间为1000毫秒,也就是1秒。
// 页面内向导 $(".brief p").click(function (e) { $(this).addClass("active_p").siblings().removeClass("active_p"); var v_id = e.target.id; if (v_id === 'se_advantage') { $("html, body").animate({ scrollTop: $(".advantage").offset().top }, 1000) } else if (v_id === 'flow') { $("html, body").animate({ scrollTop: $(".procedure").offset().top }, 1000) } else { $("html, body").animate({ scrollTop: $(".objective").offset().top }, 1000) } });
var v_id = e.target.id; 是获取被点击元素的id
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。