Javascript 试图让一个div进入视图

我试图在视图中添加一个div，并且正在动态添加div元素。。因此，我分配了一个链接，单击该链接可以将div元素引入视图，无论它是否已在视图中。因此，当我点击链接时，如果我试图进入视图的div已经在视图中，它将离开我的视图。是虫子吗

我添加了一个工作示例

代码是这样的

$(".testClick").on("click",function(e){
    e.preventDefault(); 
      // Call the scroll function
    goToByScroll("indID"+1);
});


function goToByScroll(id){
      // Reove "link" from the ID
    id = id.replace("link", "");
      // Scroll
    $('.contentBody').animate({
        scrollTop: $("#"+id).offset().top},
        'slow');
 }

---

还应考虑到父偏移：

---

你所说的

是什么意思？它将从我的视野中消失。。。我没有看到你在提供的提琴中说的任何话…我们正在单击的链接保持不变。你没有尝试单击链接。。。通过点击链接，我试图让div1进入视图。。因为div1已经在视图中。div6在单击时进入视图，链接是“testClick”。。
$(document).ready(function(){
    $(".wrapper").css({"width" : $(window).width() , "height" :  $(window).height()} );  
    $(".testClick").on("click",function(e){      
        e.preventDefault(); 
        goToByScroll("indID1"); // try change to indID4
    });       
});

function goToByScroll(id){
    var el = $('#'+id);
    var elOffs = el.offset().top;
    var parOffs = el.closest('.contentBody').offset().top;
    $('.contentBody').stop().animate({ scrollTop: elOffs - parOffs },800);
}