首页 技术交流 jQuery锚点跳转及相关操作 正文

jQuery锚点跳转及相关操作

发布日期:2021年04月28日 16:05        阅读次数:408

         

Query下锚点的平滑跳转

对于锚点的平滑跳转,在一般的商业性质的网站上,权衡来说,要谨慎使用。

例如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话,关键位置 如下:

$(“html,body”).animate({scrollTop:$(“#box”).offset().top},1000)

其中animate为JQuery的自定义动画方法,$(“#box”).offset().top表示id为box的JQuery对象距离页面顶部的偏移值,1000表示平滑动画执行的时间为1000毫秒,也就是1秒。

                                                 

评论:

共 0 页 0 条记录,当前为第 1 页