jquery如何实现锚点链接之间的平滑滚动

 更新时间:2013年12月02日 17:38:52   作者:  
实现锚点链接之间的平滑滚动的方法有很多,在接下来的文章中为大家介绍下,jquery是如何实现的,感兴趣的朋友不要错过
复制代码 代码如下:

$('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;
$('html,body').animate({
scrollTop: targetOffset
},
500);
return false;
}
}
});

相关文章

  • 写得不错的jquery table鼠标经过变色代码

    写得不错的jquery table鼠标经过变色代码

    鼠标经过table变色的效果,想必大家都有遇到过吧,其实实现并不难,在本文为大家详细介绍下jquery是如何实现的,感兴趣的朋友可以参看下
    2013-09-09
  • jquery 输入框查找关键字并提亮颜色的实例代码

    jquery 输入框查找关键字并提亮颜色的实例代码

    下面小编就为大家分享一篇jquery 输入框查找关键字并提亮颜色的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • jQuery操作attr、prop、val()/text()/html()、class属性

    jQuery操作attr、prop、val()/text()/html()、class属性

    这篇文章主要介绍了jQuery操作attr、prop、val()/text()/html()、class属性 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • jquery.form.js用法之清空form的方法

    jquery.form.js用法之清空form的方法

    这篇文章主要介绍了jquery.form.js清空form的方法,需要的朋友可以参考下
    2014-03-03
  • jQuery通过扩展实现抖动效果的方法

    jQuery通过扩展实现抖动效果的方法

    这篇文章主要介绍了jQuery通过扩展实现抖动效果的方法,涉及jQuery扩展的技巧及抖动特效的实现方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jquery获取iframe中的dom对象(两种方法)

    jquery获取iframe中的dom对象(两种方法)

    本文为大家详细介绍下父窗口中操作iframe、在子窗口中操作父窗口,获取iframe内的dom对象有两种方法,感兴趣的朋友可以了解下哈,希望对大家有所帮助
    2013-07-07
  • jQuery验证元素是否为空的两种常用方法

    jQuery验证元素是否为空的两种常用方法

    这篇文章主要介绍了jQuery验证元素是否为空的两种常用方法,实例分析了两种常用的判断为空技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • jQuery获取地址栏参数插件(模仿C#)

    jQuery获取地址栏参数插件(模仿C#)

    前些阵子写了个插件目的就是能够像.net 的 Requst.QuerySting["param"]那样获取地址栏参数。现在拿出来和大家分享。感觉这个插件还是蛮有用的。
    2010-10-10
  • JQuery从头学起第一讲

    JQuery从头学起第一讲

    JQuery的重要性对一个coder来说应该是不言而喻的, 多少次在应聘的时候被问及是否会JQuery;多少次在写脚本的时候因为浏览器的不兼容而吐血;多少次因为需要用脚本做一个简单的效果而写到手抽筋。JQuery出现后,很多问题都被轻易解决了。
    2010-07-07
  • jQuery .tmpl() 用法示例介绍

    jQuery .tmpl() 用法示例介绍

    解决 PHP 拼数据这方面的问题而有了 Smarty 这些模版,JavaScript 也可以利用模版来解决这些问题,比如基于 jQuery 的 jquery.tmpl
    2014-08-08

最新评论