Javascript 如何获取重复div中特定内容的滚动位置

有没有办法在div中找到特定内容的滚动位置。 我在Angularjs上运行了一个聊天应用程序，使用ng repeat显示发送者的姓名和消息

下面是显示消息的HTML代码

<div ng-repeat="(key,value) in list" >
     <div ng-init="compare(value.name,key,value.date);">
          <div id="date" ng-if="date[key]=='not_same'" >  {{value.date|convert }} </div>
          <div id="recipent" >  
            <div ng-if="name[key]=='not_same'">
                <span class="glyphicon glyphicon-user" ></span> :<b> {{value.name}}</b>
            </div>
          </div>
      </div>
      <div class="msgInfo" ng-if="value.name=='Yash'" align='right' >
            <div id="msg" > <b id="ms"> {{value.msg}}</b>&nbsp;&nbsp;&nbsp;<b id="time">{{value.time|change_time}}&nbsp;&nbsp;</b></div>
      </div> 
      <div class="msgInfo" ng-if="value.name!=='Yash'" align='left' >
            <div id="msg" > <b id="ms"> {{value.msg}}</b>&nbsp;&nbsp;&nbsp;<b id="time">{{value.time|change_time}}&nbsp;&nbsp;</b></div>
      </div>   
</div>

---

我想在旧消息也被显示后获得该特定消息的滚动位置。

在代码中

加载以前的消息

。。。。走这第一行就可以了

var position = document.getElementById('ms').scrollTop;

---

当您加载完之前的消息后，滚动到具有position

position

位置的消息实际上此代码只获取第一条消息的内容。当我按下“加载更多消息”按钮时，第一条消息上方会出现更多消息。“position”的值始终为Value=0最初未加载消息，因此position的值设置为0，我想要的是在加载消息后获得位置。您可以为此问题制作JSFIDLE吗？

$('html,body').animate({
    scrollTop: $(".scrolltodiv").offset().top},
    'slow');

$('html,body').animate({
    scrollTop: $(".scrolltodiv").offset().top},
    'slow');

var $t = $('.scrollContent');
$t.animate({ "scrollTop": $('.scrollContent')[0].scrollHeight }, "fast");