Posted By

e11world on 10/17/10

Tagged

link
jquery

Versions (?)

Last Edited at 10/17/10 08:55am

Statistics

Viewed 1153 times

Favorited by 2 user(s)

Related snippets

jQuery scroll to Anchor script

/ Published in: jQuery

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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