采用锚点进行页面中的跳转是常见的做法,但是默认会生硬地立即跳转到指定位置,加上平滑滚动网站体验会更好,下面是jquery animate实现代码

$('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;
        }
  }
});