当前位置:jQuery学习 > jQuery > 平滑的jQuery滚动效果

平滑的jQuery滚动效果

时间:2010-09-12QQ群:116983258

实现当前页面向指定锚的平滑滚动,主要使用了jQuery的animate动画。实现并没有用到其他新的知识,已在关键地方加入了注释。代码如下:

$(document).ready(function() {
    $('a[href*=#]').click(function() {
        //保存请求的锚的hash对象(jQuery对象)
        var target = $(this.hash);
        //如果对象存在
        if (target.length) {
            //获取锚对象的位置
            var vtop = target.offset().top;
            //滚动到指定位置
            $('html,body').animate({ scrollTop: vtop }, 1000);
            //阻止a链接默认事件
            return false;
        }
    });
});
作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/jquery-smooth-page-scroll.html

大家说了些什么

  1. 1. 勤学励志 2010-09-13 22:35

    good work,keep on.

所有话题