スムーズスクロールをvelocity.jsで実装する

smooth-velocity.js

/* スムーズスクロールのイベント設定 */
var addSmoothScrollEvent = function() {
  var clickEventHandler = function() {
    var href = $(this).attr('href');
    // #headerが指定されていればトップと見なす
    var target = (href === '#' + $header.attr('id')) ? 'html' : href;
    $(target).velocity('scroll', {duration: 500, easing: 'ease-in'});
    return false;
  };
  $('a[href^="#"]').on('click.smooth', clickEventHandler);
  // 値が#のみもしくは、data-no-scroll="true"設定時はイベント解除
  $('a[href="#"]').off('click.smooth');
  $('a[data-no-scroll="true"]').off('click.smooth');
};

addSmoothScrollEvent();

aタグにdata-no-scroll="true"を付けるとイベントを発動させない