javascript - 当 success 函数为 clld 时，如何动态滚动 ol 到底部？

Question

我有一个像这样的 ol 列表

 <ol id="result" class="chat">
        <?php
        include("load.php");
        ?>

    </ol>

那个文件我有一个像这样的列表项

  <li class="other">
        <!--<div class="avatar"><img src=" " draggable="false"/></div>-->
      <div class="msg red">
        <p><?php echo $message; ?></p>
        <!--<p>Te vienes a cenar al centro? <emoji class="pizza"/></p>-->
        <time>20:17</time>
      </div>
   </li>

我的问题是，当一个人发送消息时，列表不会自动滚动到底部，这是我尝试过的

 $("#result").animate({scrollTop: $('#result').prop("scrollHeight")}, 500);

Answer 1

这是正确的语法

$("body, html").animate({
  scrollTop: $("#result").offset().top
}, 500);

body {
  height: 700px;
  padding-top: 500px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="result">test</div>