A scroll-to function. Detects if a manual scroll has occurred during the animation, and stops, to prevent a glitchy clash of actions.

scroll-to.js

function scrollTo(element, within) {
  $(within).bind('mousedown DOMMouseScroll mousewheel', function(){
    $(this).stop();
  });
  
  $(within).animate({
    scrollTop: Math.ceil($(element).position().top)
  }, 1500, "easeOutQuart", function(){
    $(this).unbind('mousedown DOMMouseScroll mousewheel');
  });
}