JQuery - 画面内スムーズスクロール

    /**
     * 画面内スムーズスクロールを行います。
     * @param scldurat 移動速度 大きくするとゆっくりになります。
     */
    $.fn.smoothScroller = function(option){
        $(this).click(function() {
            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
                var target = $(this.hash);
                target = target.length && target;
                if (target.length) {
                    var sclpos = 30;
                    var targetOffset = target.offset().top - sclpos;
                    $('html,body')
                        .animate({scrollTop: targetOffset}, {duration: option.scldurat, easing: "easeOutExpo"});
                    return false;
                }
            }
        });
    };

使い方

    $('input[type=button]').smoothScroller({'scldurat':100});