滚动到一个模式DIV

Question

我有一个模式<div class="modal fade" id="hireModal" role="dialog"></div>

在此模式中一个div我有

<div class='modal-dialog'> 
    <!-- Modal content--> 
    <div class='modal-content'> 
    <div class='modal-header' style='padding:10px 15px;'></div> 
    <div class='modal-body' style='padding:5px 10px;'> 
    <div id='IwantToScrollToThisDiv'></div> 
    </div> 
</div> 
</div> 

我曾尝试：

$("#hireModal").animate({ 
scrollTop: $("#IwantToScrollToThisDiv").offset().top 
}); 

不过，这并不滚动那div，我做错了什么？

在此先感谢

Answer 1

试图复制你所期望的相同的行为。

见琴：https://jsfiddle.net/rpxowyLq/

$(document).ready(function() { 
    $("body").animate({scrollTop: $('#IwantToScrollToThisDiv').offset().top}, 500); 
}); 

你不应该想$("#hireModal").animate而不是身体应该动画给该元素被滚动到当前位置的错觉。