Return to Snippet

Revision: 26833
at May 12, 2010 13:30 by zachdunn


Initial Code
//Smooth scrolling within page anchors
$('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;       
        }      
     }        
});

Initial URL


Initial Description
Makes same-page links scroll smoothly instead of jumping around the page.

Initial Title
Smooth Scrolling

Initial Tags
jquery, animation

Initial Language
jQuery