博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery 实现锚点链接之间的平滑滚动
阅读量:5122 次
发布时间:2019-06-13

本文共 614 字,大约阅读时间需要 2 分钟。

1、载入 JQuery 库,这个不用多说了吧,是前提,是必须,个人推荐 JQuery 1.2系列的版本。

2、关键代码:

$( document ). ready( function()  {
     $( '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
                 },
                 1000);
                 return false;
             }
         }
     });
});
 
摘选自:

转载于:https://www.cnblogs.com/rayy/archive/2012/06/20/4399726.html

你可能感兴趣的文章
Andriod小型管理系统(Activity,SQLite库操作,ListView操作)(源代码下载)
查看>>
在Server上得到数据组装成HTML后导出到Excel。两种方法。
查看>>
浅谈项目需求变更管理
查看>>
经典算法系列一-快速排序
查看>>
设置java web工程中默认访问首页的几种方式
查看>>
ASP.NET MVC 拓展ViewResult实现word文档下载
查看>>
8、RDD持久化
查看>>
第二次团队冲刺--2
查看>>
VMware Tools安装
查看>>
Linux上架设boost的安装及配置过程
查看>>
[转载]加密算法库Crypto——nodejs中间件系列
查看>>
zoj 2286 Sum of Divisors
查看>>
OO5~7次作业总结
查看>>
如何判断主机是大端还是小端(字节序)
查看>>
Centos7 日志查看工具
查看>>
使用Xshell密钥认证机制远程登录Linux
查看>>
OpenCV之响应鼠标(三):响应鼠标信息
查看>>
Android 画图之 Matrix(一)
查看>>
List<T>列表通用过滤模块设计
查看>>
【模板】最小生成树
查看>>