Return to Snippet

Revision: 34095
at October 17, 2010 08:55 by e11world


Initial Code
$(document).ready(function() {
  function filterPath(string) {
 return string
   .replace(/^\//,'')
   .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
   .replace(/\/$/,'');
  }
  $('a[href*=#]').each(function() {
 if ( filterPath(location.pathname) == filterPath(this.pathname)
 && location.hostname == this.hostname
 && this.hash.replace(/#/,'') ) {
   var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
   var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
    if ($target) {
   var targetOffset = $target.offset().top;
   $(this).click(function() {
     $('html, body').animate({scrollTop: targetOffset}, 400);
     return false;
   });
   }
 }
  });
});

Initial URL
http://www.learningjquery.com/2007/10/improved-animated-scrolling-script-for-same-page-links

Initial Description
This one worked for me and I thought I'd share it with the rest of you!

Initial Title
jQuery scroll to Anchor script

Initial Tags
link, jquery

Initial Language
jQuery