JQuery简单实现锚点链接的平滑滚动(一段代码控制所有锚点)
2018-03-05 15:54
821 查看
$(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为跳转链接锚点添加平滑滚动动画效果(如回到顶部
- jquery实例代码:链接调整平滑滚动效果
- jquery实现锚点链接平滑效果
- jquery实现网页的页面平滑滚动效果代码
- 不用锚点也可以平滑滚动到页面的指定位置实现代码