如何滚动到页面中的最后一个元素<li> </li>

Question

我的页面中有一个元素，只要添加了新的<li>但是它无效，我就会使用Jquery插件滚动到页面中的最后一个<li>。插件链接为scrollTo Plugin

<ol class"chat">
  <li>chat 1</li>
  <li>chat 2</li>
  <li>chat 3</li>
  <li>chat 4</li>
  <li>chat 5</li>
  <li>chat 6</li>
</ol>

我的代码是：$('.chat').scrollTo('*:last', 0);

Answer 1

而不是

$('.chat').scrollTo('*:last', 0);

尝试（您希望上次li而不是*使用li）

$('.chat').scrollTo('li:last', 0);

或（我不认为有任何需要0），所以试试这个： -

$('.chat').scrollTo('li:last');

Answer 2

我能够使用下面的代码在没有插件的情况下解决问题。

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() },1000);