仅当元素在屏幕上不可见时才滚动到可滚动div中的元素

Question

我有一个固定高度的父div，在此div中，我还有其他带有数据的子div，因此，如果我编辑其中一个并单击“保存”，则需要滚动编辑后的div才能查看。

<div class="parent">
   <div class="child">1</div>
   <div class="child">2</div>
   <div class="child">3</div>
   <div class="child">4</div>
   <div class="child">5</div>
   <div class="child selected-div">6</div>
</div>

我尝试使用“位置”和“偏移”，但均无法正常工作，并且“父div”始终滚动到错误的位置。

$('.parent').animate({
        scrollTop: $(".selected-div").position().top
    },
        'slow');

Answer 1

您必须在JQuery代码中这样写

$('.parent').animate({
     scrollTop: $(".selected-div").scrollTop()
   },
      'slow');