overflowでスクロールバーをつけたテーブルで、クリックした行まで自動スクロールする。

overflowでスクロールバーをつけたテーブルで、クリックした行まで自動スクロールする。
tdのonclick属性でこの関数を呼び出す。

$('.scrollTable').offset().top; と $('.scrollTable').offset().top;

// 選択したメニュー項目が一番上になるようにスクロールを行う。
function scroll(clickElem) {

    var table_top = $('.scrollTable').offset().top;
    var table_now_pos = $('.scrollTable').offset().top;
    var table_base = table_now_pos - table_top;


    var row = $(clickElem).closest('tr').index();
    if (row == 0) {
        $('.scrollBody').animate({ scrollTop: table_base }, 'slow');
        return;
    }

    var row_top = $(clickElem).offset().top;
    var scroll_to = table_base + row_top;
    $('.scrollBody').animate({ scrollTop: scroll_to }, 'slow');

}

参考：http://blog.machacks.net/2013/04/22/%E7%94%BB%E9%9D%A2%E5%86%85%E3%81%AB%E9%85%8D%E7%BD%AE%E3%81%97%E3%81%9F%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E5%8F%AF%E8%83%BD%E3%81%AA%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E3%82%AF/