自动滚动TypeIt jQuery插件

Question

也许有人知道TypeIt jQuery插件：https://macarthur.me/typeit

它主要是对div (名为#element)进行动画处理，以产生打字机器效果。

这个选项没有包含在内，但是如果有很多行文本来显示，那么在#element div上自动滚动就好了，这样超过div高度的文本将保持可见，而不是在浏览器之外消失。

下面是div：

#element {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  padding: 20px;
  overflow: auto;
}

jQuery效果可能是这样的：https://stackoverflow.com/a/24772646/5523861

$(document).ready(function(){
  $('#element').animate({
  scrollTop: $('#element').get(0).scrollHeight}, 2000);
});

但是每次在div的底部显示新的文本行时，都会逐行自动滚动。

有什么建议吗？

Answer 1

这篇文章解决了这个问题：https://stackoverflow.com/a/7303977/5523861

window.setInterval(function() {
  var elem = document.getElementById('element');
  elem.scrollTop = elem.scrollHeight;
}, 5000);

非常感谢Vibhu。