Div прокрутка к вершине вместо прокрутки вниз

Question

Я хочу, чтобы мой div прокрутился вниз. Я пробовал много кодов, которые включают scrollTop и ScrollHeight, но он, похоже, не работает. Когда я использую эти коды, div прокручивается вверх, а не внизу. Что я должен делать

<asp:ScriptManager ID="manager" runat="server"></asp:ScriptManager> 

<asp:UpdatePanel ID="updateComments" UpdateMode="Conditional" runat="server"> 
    <ContentTemplate> 
    <div id="currentinfo" 
     style="height: 742px; width: 612px; overflow:auto;overflow-x:hidden;"> 

     <asp:Literal ID="RecepientConversation" runat="server" /> 

    </div> 
    </ContentTemplate> 
    <Triggers> 
    <asp:AsyncPostBackTrigger ControlID="btnExitChatRoom" EventName="Click" /> 
    </Triggers> 
</asp:UpdatePanel> 

Я использовал этот код Но деление с вновь приходит вниз идет наверх

<script type="text/javascript"> 
    window.setTimeout(function() { 
         var elem = document.getElementById('currentinfo'); 
         elem.scrollTop = elem.scrollHeight; 
         }, 
         5000) 
</script> 

Answer 1

Попробуйте следующие

<script> 
    $(document).ready(function() { 
     $("#myScrollDiv").animate({ scrollTop: $('#myScrollDiv')[0].scrollHeight }, 1000); 
    }); 

</script> 

This Is Your Div

<div id="myScrollDiv" style='overflow:scroll;overflow-x:hidden;max-height:200px;'> 
Test Test Test <br/> 
       <br/> 
       <br/> 
</div>