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

Question

我的页面中有一个元素，并且每当添加新的<li>但它不起作用时，我都在使用Jquery插件滚动到页面中的最后一个<li> 。 插件链接是scrollTo插件

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