Posted By

vagrantradio on 02/16/10

Tagged

Versions (?)

Last Edited at 02/16/10 03:44pm

Statistics

Viewed 881 times

Favorited by 1 user(s)

Related snippets

JQUERY PAGE SCROLL

/ Published in: jQuery

Any link with a hash (#) will scroll to that id on the page. Hat Tip, Karl Swedberg.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<script type="text/javascript">
 $(document).ready(function(){
 //back to top scroll function. Any link with a hash (#) will scroll to that id on the page
  $('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;
   }
 }
  });
});
</script>