单击Submitt后平滑滚动到DIV

我想在点击提交按钮后顺畅滚动到名为"结果"的部分.但只有我得到的结果才是正常滚动,而不是平滑滚动.

这是一段HTML代码:

这是结果部分代码:

    

      
Text.
      
    

JavaScript中的以下集:

$("#SubmitButton").submit( function() {
    $('html, body').animate({
         scrollTop: $("#result").offset().top
    }, 2000);
    return false;
});

点击"提交"按钮后,可以帮助您了解如何获得平滑的滚动效果吗？我在那里使用Bootstrap框架.非常感谢.

看到这个例子http://jsfiddle.net/kevalbhatt18/8tLdq/2129/

我更新了你的小提琴

$("#myButton").click(function() {
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000);
});