JQuery锚点链接平滑滚动效果

页面平滑滚动锚点代码:

  1. $(function(){
  2.     $(‘a[href*=#],area[href*=#]’).click(function() {
  3.         if (location.pathname.replace(/^//, ”) == this.pathname.replace(/^//, ”) && location.hostname == this.hostname) {
  4.             var $target = $(this.hash);
  5.             $target = $target.length && $target || $(‘[name=’ + this.hash.slice(1) + ‘]’);
  6.             if ($target.length) {
  7.                 var targetOffset = $target.offset().top;
  8.                 $(‘html,body’).animate({
  9.                     scrollTop: targetOffset
  10.                 },
  11.                 1000);
  12.                 return false;
  13.             }
  14.         }
  15.     });
  16. })
正文完
 0