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>

我使用了这段代码但div再一次降到最低点

<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>

这是你的分裂

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

Div滚动到顶部而不是滚动到底部

1 个答案: