javascript - 如何使用 jquery 滚动到新添加的列表元素

Question

我正在附加一个新列表项并尝试将其滚动到 View 中。

这是我的 HTML:

<div class="slim-scrollbar">
  <ul class="chats">
    <li class="out">dynamic text with variable lengths</li>
    <li class="in">dynamic text with variable lengths</li>
    <li class="in">dynamic text with variable lengths</li>
  </ul>
</div>

我当前的 jquery 将一个项目附加到列表中:

var direction='out';

$('.chats').append('<li class="'+direction+'">'+textVar+'</li>');   

我的 jquery 尝试:

    $(".chats").animate({
        scrollTop: ???
    }, 1000);

如何将新列表元素滚动到 View 中？

Answer 1

要使用您的代码，这应该可行:

$('body,html').animate({
    scrollTop: $('.chats li:last-child').offset().top + 'px'
}, 1000);