仅当元素在屏幕上不可见时滚动到可滚动 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>

我尝试使用 Position 和 Offset 但两者都无法正常工作，并且父 div 总是滚动到错误的位置。

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

Answer 1

你必须在你的 JQuery 代码中这样写

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