jquery实现锚点链接平滑效果
2017-11-23 10:47
417 查看
在html页面加上锚点链接后写上以下js代码:
$(function(){ $('a[href*=#],area[href*=#]').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']'); if ($target.length) { var targetOffset = $target.offset().top; $('html,body').animate({ scrollTop: targetOffset }, 1000); return false; } } }); })
相关文章推荐
- jquery实现页面内链接锚点跳转平滑滚动效果
- jQuery实现平滑滚动页面到指定锚点链接的方法
- JQuery简单实现锚点链接的平滑滚动(一段代码控制所有锚点)
- jQuery下实现锚点链接的平滑滚动
- JQuery 实现锚点链接之间的平滑滚动
- JQuery 实现锚点链接之间的平滑滚动
- 用jQuery为跳转链接锚点添加平滑滚动动画效果(如回到顶部
- JQuery 实现锚点链接之间的平滑滚动
- jQuery实现平滑滚动页面到指定锚点链接的方法
- jQuery实现页面内锚点平滑跳转 滑动效果
- JQuery 实现锚点链接之间的平滑滚动
- jquery 监听所有锚点链接实现平滑移动
- jquery实现html超链接锚点之间的平滑效果
- JQuery简单实现锚点链接的平滑滚动
- JQuery 实现在同一页面锚点链接之间的平滑滚动
- jquery实现锚点链接之间的平滑滚动