Smooth Scroll with jQuery

smoothscroll.js

$.fn.smoothscroll = function(offset, speed){
  $(this).find('a').on('click', function(e){
    e.preventDefault();
      $('html,body').animate({scrollTop: $(this.hash).offset().top - offset}, speed);
  });
};

SmoothScroll.md

Smooth Scroll with jQuery

$.fn.smoothscroll = function(offset, speed){
  $(this).find('a').on('click', function(e){
    e.preventDefault();
      $('html,body').animate({scrollTop: $(this.hash).offset().top - offset}, speed);
  });
};

How to use:

• Download smoothscroll.js or smoothscroll_min.js(minified version).
• Include the file in your html.
• Use like following:

$(document).ready(function(){
  $('nav').smoothscroll(0, 1000);
});

You can adjust the values of offset and speed to suit your needs!

Working fiddle

If you have any questions or innovations please leave me a comment.

patriktoma.studenthosting.sk

smoothscroll_min.js

$.fn.smoothscroll=function(a,b){$(this).find("a").on("click",function(c){c.preventDefault();$("html,body").animate({scrollTop:$(this.hash).offset().top-a},b)})};