滾動到一個模式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而不是身體應該動畫給該元素被滾動到當前位置的錯覺。