如何使用scrolltop动画/平滑滚动到div

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