Question

我有一个模态<div class="modal fade" id="hireModal" role="dialog"></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而是应该动画身体以给出元素滚动到位置的错觉。

Answer 2

尝试动画.modal-body

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

滚动到模态div

2 个答案: