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

我有一个固定高度的父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>

---

在JQuery代码中必须这样编写

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

---

感谢您的回答，但您编写的代码将始终滚动到顶部。我需要滚动到所选div的位置。您可以使用。滚动

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