JQuery 实现锚点链接之间的平滑滚动
2016-03-11 16:43
666 查看
24. 解决链接锚点的生硬问题
$('.nav .btn[href*=#],.icon2,.icon3').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $('[id=' + this.hash.slice(1) + ']'); if ($target.length) { var targetOffset = $target.offset().top; $('html,body').animate({ scrollTop: targetOffset }, 1000); return false; } } })
相关文章推荐
- 问题集合
- Jquery和Ajax
- JQuery+ajax+jsonp 跨域访问
- JQuery处理json与ajax返回JSON实例代码
- jQuery实现Twitter的自动文字补齐特效
- jquery遍历json对象
- GBin1插件推荐之马可波罗(Marco Polo),jQuery的自动补齐插件 - Autocomplete Plugin
- 根据jquery解密js事件委托机制
- 用jquery ,当改变窗口或屏幕大小时调用function,用哪个事件?
- jquery事件调用出错
- jquery-smartMenu 鼠标右键点击事件
- jquery.cookie中的操作
- Jquery 获取父页面下指定iframe里的指定元素
- Jquery IE8兼容性
- JQuery 动态创建表单,并自动提交
- JQuery 使用.show()和.hide()做的可爱动画
- JQuery 一些特殊符号的使用
- JQuery 兼容所有浏览器的复制到剪切板功能
- JQuery 数据加载中禁止操作页面
- JQuery 遍历没有id的控件