Soft scroll to an element

jquery.skrollto.js

$.fn.skrollto = function(speed, easing) {
    speed = speed ||  1000;
    easing = easing || 'swing';
    
    return $(this).each(function(i, el){
        //calculate destination place
        var dest = 0;
        var el = $(this);
        
        if (el.is(':hidden')) {
            el.show();
        }
        if (el.offset().top > $(document).height() - $(window).height()) {
            dest = $(document).height() - $(window).height();
        } else {
            dest = el.offset().top;
        }
        //go to destination
        $('html,body').animate({
            scrollTop: dest
        }, speed, easing);
    });
};