自動滾動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。