scroll_to.js

/* scroll page so obj is visible in current view with
 * a _minimum_ bottom margin of "bottom_margin" (default:20).
 * -- requires jQuery --
 */
function scroll_to(obj, bottom_margin, speed) {
    bottom_margin = bottom_margin || 20;
    var target_height = obj.height() + bottom_margin;
    var visible_height = $(window).height();
    var scroll_top = obj.offset().top;
    if (target_height < visible_height) {
        scroll_top += target_height - visible_height;
    }
    $('html').animate({scrollTop:scroll_top}, (speed)? speed : "fast");
}