Advanced Search

Smooth(animated) page scroll

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. $(document).ready(function() {
  2. $('a[href*=#]').click(function() {
  3.  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
  4.  && location.hostname == this.hostname) {
  5.    var $target = $(this.hash);
  6.    $target = $target.length && $target
  7.    || $('[name=' + this.hash.slice(1) +']');
  8.    if ($target.length) {
  9.   var targetOffset = $target.offset().top;
  10.   $('html,body')
  11.   .animate({scrollTop: targetOffset}, 900);
  12.     return false;
  13.    }
  14.   }
  15.   });
  16. // how to use
  17. // place this where you want to scroll to
  18. <a name="top"></a>
  19. // the link
  20. <a href="#top">go to top</a>
  21. });
  22.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.