높이가 변경된 경우 HTML div 스크롤

Question

JavaScript 사용 다른 div의 높이가 변경되면 어떻게 HTML div를 스크롤 할 수 있습니까?

아래 코드에서 mychat's 높이가 변경된 경우 chat DIV의 스크롤 막대가 내려와야합니다. 내 JavaScript가 잘못 되었으면 누구나 수정할 수 있습니다.

내 코드는 내가 자바 스크립트 코딩에 충분한 지식이없는 죄송

<style type="text/css"> 
     #chat 
     { 
      height:250px; 
      width:200px; 
      overflow:auto; 
      background-color:Aqua; 
      padding:5px; 
     } 
    </style> 
    <script type="text/javascript"> 
     function show() { 
      var MyDiv = document.getElementById('mychat'); 
      var MyDiv2 = document.getElementById('chat'); 
      var sval; 
      if(MyDiv.clientHeight != sval) 
      { 
       MyDiv2.scrollTop = MyDiv2.scrollHeight; 
      } 
      sval = MyDiv.clientHeight; 
     } 
    </script> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"> 
</asp:ScriptManager> 
<div id="chat"> 
<asp:Timer ID="Timer1" runat="server" Interval="200" ontick="Timer1_Tick"> 
</asp:Timer> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
    <div id="mychat" runat="server"> 

    </div> 
</ContentTemplate> 
<Triggers> 
    <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /> 
</Triggers> 
</asp:UpdatePanel> 
</div> 

입니다.

Answer 1

JavaScript를 사용하면 div의 scrollTop 속성을 찾고 있습니다.

scrollTop이 0이면 스크롤 막대가 페이지 상단에 있음을 의미합니다.

시도 : myDiv.scrollTop = myDiv.clientHeight 또는 이와 비슷한 측정 항목입니다.

Answer 2

이 바이올린은 당신이 원하는 것 같습니다. 그렇지 않으면, 적어도 올바른 방향으로 당신을 인도합니다.

코드에서 적응

http://jsfiddle.net/7uvzd/7/

난 당신이 달성하려고하는 것을 How do I scroll a row of a table into view (element.scrollintoView) using jQuery?