只有在將新數據添加到div時滾動到div的底部

Question

每當頁面刷新時，我都會維護div「currentinfo」的滾動位置。 但是，當新數據添加到div時，我想滾動到div的底部。這怎麼可能？

<form id="form1" runat="server"><asp:ScriptManager ID="manager" ScriptMode="Release" runat="server" ></asp:ScriptManager> 
    <script type="text/javascript"> 

     // It is important to place this JavaScript code after ScriptManager1 
     var xPos, yPos; 
     var prm = Sys.WebForms.PageRequestManager.getInstance(); 

     function BeginRequestHandler(sender, args) { 
      if ($get('<%=currentinfo.ClientID%>') != null) { 
      // Get X and Y positions of scrollbar before the partial postback 
       xPos = $get('<%=currentinfo.ClientID%>').scrollLeft; 
       yPos = $get('<%=currentinfo.ClientID%>').scrollTop; 
     } 
    } 

    function EndRequestHandler(sender, args) { 
     if ($get('<%=currentinfo.ClientID%>') != null) { 
      // Set X and Y positions back to the scrollbar 
      // after partial postback 
      $get('<%=currentinfo.ClientID%>').scrollLeft = xPos; 
      $get('<%=currentinfo.ClientID%>').scrollTop = yPos; 
     } 
    } 

    prm.add_beginRequest(BeginRequestHandler); 
    prm.add_endRequest(EndRequestHandler); 
</script> 
.... 
...... 
</form> 

Answer 1

當你添加了一些「currentinfo」分區，做這樣的事情：

var currentinfoDiv = $get('<%=currentinfo.ClientID%>'); 

//this will make the div scroll to bottom 
currentinfoDiv.scrollTop = currentinfoDiv.scrollHeight;