A jQuery plugin for smooth page scrolling.

SmoothScroll introduces the smoothScrollTop function that makes the browser smoothly scroll to the specified element.

If you have a webpage you want to scroll on, simply add jQuery and the plugin to your references. If you did that, simply get the element you want to scroll to and execute smoothScrollTop();.

General usage:

$(selector).smoothScrollTop([options]);

• duration: int
  The time of the scroll animation in ms. Defaults to 500.
• offset: int
  Offset from the top of the specified element. Defaults to 0.
• element: jQuery-Element
  The element to scroll on. Defaults to the selected element.
• parent: jQuery-Element
  The parent the scroll should be done on. Defaults to $("body").
• done: Function
  A callback that will be called when the function quits. Defaults to nothing.
• scrollInvisibles: bool
  Determines whether invisible objects should be valid targets. Defaults to false.
• debug: bool
  Determines whether debug messages (for bug finding) should be displayed. Defaults to false.

$("header").smoothScrollTop();

$("#textfield").smoothScrollTop({
    duration: 1000
});

To run the test, execute grunt test. JSHint and QUnit will be run.

To create the .min version as well as the sourcemap, simply run grunt.

When developing our own website we needed a smooth scrolling plugin. None of those we found was actually working. That's why we decided to develop our own jQuery plugin for that.
Done by @sgade.