jQuery实现锚点scoll效果实例分析


Posted in Javascript onMarch 10, 2015

本文实例讲述了jQuery实现锚点scoll效果的方法。分享给大家供大家参考。具体实现方法如下:

$('a[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;

       var obj = document.documentElement; 

     if (jQuery.browser.safari) 

           obj = document.body

    if (jQuery.browser.msie) 

           obj = 'html';

      $(obj).animate({scrollTop: targetOffset}, 1000);

       return false;

     }

   }

});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 Javascript
用原生js做个简单的滑动效果的回到顶部
Oct 15 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
jQuery实现大图轮播
Feb 13 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
webpack下实现动态引入文件方法
Feb 22 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
vue中的ref和$refs的使用
Nov 22 Javascript
浅谈Vue的响应式原理
May 30 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 #Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
Mar 10 #Javascript
js控制页面的全屏展示和退出全屏显示的方法
Mar 10 #Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 #Javascript
jquery+easeing实现仿flash的载入动画
Mar 10 #Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 #Javascript
jQuery实现表格颜色交替显示的方法
Mar 09 #Javascript
You might like
小偷PHP+Html+缓存
2006/11/25 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
javascript代码加载优化方法
2011/01/30 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
js 图片转base64的方式(两种)
2018/04/24 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
用pickle存储Python的原生对象方法
2017/04/28 Python
详解django中自定义标签和过滤器
2017/07/03 Python
python中模块查找的原理与方法详解
2017/08/11 Python
利用python求相邻数的方法示例
2017/08/18 Python
Python 通配符删除文件的实例
2018/04/24 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
如何理解Python中包的引入
2020/05/29 Python
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
餐饮主管岗位职责
2013/12/10 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
双十佳事迹材料
2014/01/29 职场文书
学生会个人自荐书范文
2014/02/12 职场文书
《草虫的村落》教学反思
2014/02/16 职场文书
班级课外活动总结
2014/07/09 职场文书
公务员年度考核评语
2014/12/31 职场文书
经理岗位职责
2015/02/02 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
社区扶贫帮困工作总结
2015/05/20 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
详解Vue3使用axios的配置教程
2022/04/29 Vue.js