Yavaşça İD ye inme

Headerımda Hakkımızda butonu var ona basınca aynı sayfadaki hakkımızda idli kısıma gidiyor. bu hareket direk yapılıyor. bunu yavaş ve soft bir şekilde nasıl yapabilirim

// Örnek olarak menu classının .menu olduğunu farz ederek

$(document).on('click', '.menu ul li a[href^="#"]', function(e) {
    var id = $(this).attr('href');
    var $id = $(id);
    if ($id.length === 0) {
        return;
    }
    e.preventDefault();
    var pos = $id.offset().top;
    $('body, html').animate({scrollTop: pos});
});