如何在jquery中通过追加数据移动光标。？

我正在制作一个闪烁的光标。我需要这个光标在数据结束时闪烁（几秒钟后出现的数据）并追加到div中。到目前为止，我的光标位置是固定的。现在我需要在数据结束时移动光标。这里是try。

我需要这样的结果

kkkkkkk|
KKKKKK  KKKKKKKK|

KKKKKk  kkkkkkkk  kkkkkkk|

---

您可以尝试将.cursor更改为“span”，并将其添加到#realTimeContents中，并将append更改为prepend
HTML

---

我还有一个问题..我能问一下吗？我需要先获取滚动事件当我滚动我的div时我需要获取事件这里是我的小提琴否。。！！当div滚动时，它是自动调用的。当用户通过单击滚动条手动滚动时，我需要。如果它是附加的，我什么也不做。如果用户在上面或下面移动，那么我需要执行相同的任务。您的第一个答案是在小提琴中工作正常，但在逻辑中实现时，不会在实际问题中工作。在我的代码中是指。检入IPAD（也许你需要这样的东西

kkkkkkk|
KKKKKK  KKKKKKKK|

KKKKKk  kkkkkkkk  kkkkkkk|

<div data-role="page" id="realTimeScreen" >
 <a href="#" data-role="button" data-corners="false" data-inline="true" id="call" class="" >call</a>
    <div id="realTimeContents" class ="left realtimeContend_h" style="width:97%;"> 
     <span class="cursor" style="font-size:23px;">|</span>
    </div>                       
</div>    

$(document).on('click', '#call', function(event) {
 setInterval(function(){
   $('#realTimeContents' ).prepend("kkkkkkkkkk"+'\n');
  },3000);
 setInterval(function(){

cursorAnimation();  
},600);
});

function cursorAnimation() 
{
  $(".cursor").animate(
  {
    opacity: 0
  }, "fast", "swing").animate(
  {
    opacity: 1
  }, "fast", "swing");
}