How to animated/smooth scroll to div using scrolltop

Question

Can someone help me turn my code into one that will animate the scroll. I've been researching and trying to do it myself but I'm obviously not doing something correctly.

Here is my JS:

$(function() { //When the document loads
  $(".jrm-menu-whyus > a").bind("click", function() {
    $(window).scrollTop($("#menu-jrm").offset().top);
    return false;
  });
});

Thanks!

It works fine, just want to animate the scroll.

Answer 1

Use jQuery.animate():

$("html, body").animate({scrollTop: $("#menu-jrm").offset().top});

jQuery.animate documentation