也许有人知道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的底部显示新的文本行时,会逐行自动滚动。
有什么建议吗?
答案 0 :(得分:0)
这篇文章解决了这个问题:this thread
window.setInterval(function() {
var elem = document.getElementById('element');
elem.scrollTop = elem.scrollHeight;
}, 5000);
非常感谢Vibhu。