div滚动到顶部而不是滚动到底部答案

【问题标题】：Div scrolling to top instead of scrolling to bottomdiv滚动到顶部而不是滚动到底部
【发布时间】：2013-11-14 07:54:30
【问题描述】：

我希望我的 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>

我使用了这段代码但是div一旦回到底部又回到顶部

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

【问题讨论】：

尝试使用溢出：滚动代替溢出：隐藏
那是水平scollBar，我说的是垂直滚动条
您是否尝试过使用页面加载？ <script>function pageLoad(){ var elem = document.getElementById('currentinfo'); elem.scrollTop = elem.scrollHeight; }</script>

标签： c# asp.net .net html scroll

【解决方案1】：

尝试关注

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

</script>

这是你的部门

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

【讨论】：