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 相关文章推荐
Extjs Ajax 乱码问题解决方案
Apr 15 Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
jQuery数组处理函数整理
Aug 03 Javascript
Element input树型下拉框的实现代码
Dec 21 Javascript
利用React Router4实现的服务端直出渲染(SSR)
Jan 07 Javascript
js实现上传按钮并显示缩略图小轮子
May 04 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 array_flip() 删除数组重复元素
2009/01/14 PHP
PHP使用DES进行加密与解密的方法详解
2013/06/06 PHP
php对接java现实加签验签的实例
2016/11/25 PHP
解析jquery中的ajax缓存问题
2013/12/19 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
jquery选择器简述
2015/08/31 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
js实现随机数小游戏
2019/06/28 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
Vue-router 报错NavigationDuplicated的解决方法
2020/03/31 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
Python入门必须知道的11个知识点
2018/03/21 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
django中的数据库迁移的实现
2020/03/16 Python
python 两种方法删除空文件夹
2020/09/29 Python
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
橄榄树药房:OLIVEDA
2019/09/01 全球购物
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
什么是跨站脚本攻击
2014/12/11 面试题
Linux的文件类型
2016/07/05 面试题
优质的学校老师推荐信
2013/10/28 职场文书
路政管理专业个人自荐信范文
2013/11/30 职场文书
日语求职信范文
2013/12/17 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
公务员个人考察材料
2014/12/23 职场文书
论文答谢词
2015/01/20 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
2019学校运动会开幕词
2019/05/13 职场文书
Java面试题冲刺第十八天--Spring框架3
2021/08/07 面试题
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android