JQuery 实现锚点链接之间的平滑滚动

最新推荐文章于 2024-09-16 20:08:29 发布

weixin_30793643

最新推荐文章于 2024-09-16 20:08:29 发布

阅读量59

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/rayy/archive/2012/06/20/4399726.html

版权

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;
             }
         }
     });
});

摘选自： http://wange.im/smooth-scroll-with-jquery.html

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