overflow: scrollの時にsmooth scrollする簡易プラグイン

jquery-box-scroll.js

$.fn.boxScroll = function(binder, target){
    if(binder.attr('data-locked') === 'true'){
        return;
    }
    this.animate(
        {"scrollTop" : target.positionIn(binder).top},
        1500,
        "easeOutExpo",
        function(){
            binder.attr('data-locked', 'false');
        }
    );
    binder.attr('data-locked', 'true');
};

jquery-position-in.js

// elmにたどり着くまでの要素にposition : relativeがあると上手く動作しないはず
// 先祖ノードに含まれないノードの時の処理も書かないとな
$.fn.positionIn = function(elm){
    var pos = elm.css("position");
    elm.css({"position" : "relative"});
    var current = this;
    var left = 0;
    var top  = 0;
    var counter = 0;
    while(current.get(0) !== elm.get(0) && current.parent()){
        left += current.position().left;
        top  += current.position().top;
        current = $(current.get(0).parentNode);
        if(++counter > 10000){break;}
    }
    elm.css({"position" : pos});
    return {"left" : left, "top" : top};
}